Html5 中audio标签的音量怎么设置

Html5 中audio标签的音量怎么设置,第1张

<!DOCTYPE html> 

<html> 

<head>

<meta charset="utf-8">

<title>菜鸟教程(runoob.com)</title>

</head>

<body> 

<audio id="myAudio" controls>

<source src="horse.ogg" type="audio/ogg">

<source src="horse.mp3" type="audio/mpeg">

您的浏览器不支持 audio 与元素。

</audio>

<p>点击按钮获取或者设置播放的音频音量。</p>

<button onclick="getVolume()" type="button">查看音量?</button>

<button onclick="setHalfVolume()" type="button">设置音量为 0.2</button>

<button onclick="setFullVolume()" type="button">设置音量为 1.0</button>

<script>

var x = document.getElementById("myAudio")

function getVolume(){ 

alert(x.volume)

function setHalfVolume(){ 

x.volume = 0.2

function setFullVolume(){ 

x.volume = 1.0

</script> 

</body> 

</html>

我要自学网还可以,不过太古老了

我和题主一样也是自学的HTML,css ,js, jquery等,现在正在学习jQuery,建议题主在手机上下一个w3cschool和菜鸟教程,直接在w3cschool的教程库里面搜索自己想要学习的内容,教程都很初级,非常适合自学者,然后利用每天的空闲时间一鼓作气地学下去,你会很快学会的。看视频会很费时间,而且有的视频资源不成系统,会让你感觉学得很迷茫。在菜鸟教程上你可以大致了解你需要学习的大致框架。

另外,题主你在学习w3cschool教程的过程中记得每天抽出点时间来打打当天学习的实例的代码,再简单的代码也需要实践才能发现问题并熟练掌握。遇到不太清楚的地方可以多百度,百度知道和CSDN是信息源比较可靠的,如果想要了解更多自学经验,知乎也是一个好去处,不过在知乎上要选择性忽略一些回答,一般以篇幅较长,语气平和,行家回答,日期离现在比较久(近几年来知乎上喷子和小学生比较活跃,所以选择日期比较久远的为宜)为佳。

最后,祝你自学成功哦!咱俩一起加油!


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zaji/7264235.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-03
下一篇2023-04-03

发表评论

登录后才能评论

评论列表(0条)

    保存