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

<!DOCTYPE html>

<html>

<head>

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

</head>

<body>

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

</audio>

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

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

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

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>

如果你预先知道文字所占的区域的大小，那么就可以使用div定位放在那些文字上面，透明底设置为1，也就是不透明，页面加载的时候给这个div高度慢慢变小，就出现了一行一行的出现的效果了；或者在外层再加一个p和div的公共父元素，设置溢出隐藏，然后页面加载的时候div的top慢慢变大，也可以实现效果

欢迎分享，转载请注明来源：内存溢出

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