HTML5 视频带音频分离无法控制音量

Question

我使用 html5 的视频标签，将音频与视频分开，就像这段代码一样。

<video id="myvideo" controls >
  <source src="output.webm" type="video/webm">
    <audio id="myaudio" controls="">
        <source src="audio1.ogg" type="audio/ogg"/>
    </audio>
</video>

<script>
    var myvideo = document.getElementById("myvideo");
    var myaudio = document.getElementById("myaudio");

    var change_time_state = true;

    myvideo.onplay = function(){
        myaudio.play();
        if(change_time_state){
            myaudio.currentTime = myvideo.currentTime;
            change_time_state = false;
        }
    }

    myvideo.onpause = function(){
        myaudio.pause();
        change_time_state = true;
    }
</script>

它可以播放视频和音频，但不能改变音量。 我可以修复它以更改音量吗？

Answer 1

使用 MP4 视频并检查您的源 URL。

Answer 2

您可能正在搜索 DOM 卷属性，请在w3school中查看

在您的情况下，解决方案是：

myaudio.volume = anynumber;

必须是介于 0.0 和 1.0 之间的数字。

示例值：

1.0 是最高音量（100%。这是默认值）

0.5 是一半体积 (50%)

0.0 为静音（与静音相同）