Lorem ipsum dolor sit amet答案

【问题标题】：Lorem ipsum dolor sit ametLorem ipsum dolor sit amet
【发布时间】：2021-12-17 18:05:55
【问题描述】：

Lorem ipsum dolor sit amet，consectetur adipiscing elit，sed do eiusmod tempor incididunt ut labore et dolore magna aliqua。 Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat。 Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur。 Exceptioneur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum。

【问题讨论】：

您可以尝试 Media Source Extensions。使用短片（5 秒）进行测试，您可以在其中执行播放 webM 所需的操作，然后还测试播放 M4A。当您有代码可以随时播放任一媒体类型时，请尝试附加两个缓冲区。将媒体文件的字节加载到数组中并附加这些缓冲区（数组）。
@VC.One 可以同时流式传输它们吗？因为我只有在他们开始一起玩之前让他们都完全下载才能让它工作。
这是因为加载到数组中吗？这意味着您必须等待加载完成才能附加数组？
@VC.One 我不确定。这是我当前的代码：gist.githubusercontent.com/italodeandra/…

标签： javascript html5-video html5-audio web-audio-api

【解决方案1】：

使用 JavaScript 控制两种媒体的播放。
试试这个：

function Players() {
    var audio_player = document.getElementById('audio');
    var video_player = document.getElementById('video');
    audio_player.play();
    video_player.play();
}

<button onClick="Players()">PLAY</button>

<br>
<br>

<audio id="audio" controls="controls">     
  <source src="audio.wav" type="audio/wav">
</audio>

<br>

<video id="video" width="320" height="240" controls="controls">
  <source src="movie.mp4" type="video/mp4">
</video>

【讨论】：

嗨，Maria，感谢您的回答，但我特别指出，此解决方案不适用于一次只允许播放一种媒体的浏览器。
@italodeandra 我在 Firefox 和 Chrome 等 webkit 浏览器上对其进行了测试，可以正常工作而没有问题。请注意，正确的音频和视频地址必须包含在我的代码中才能正常工作。如果你仍然有这个问题，请告诉我有这个问题的浏览器。
其中两个浏览器是：电视上的 WebOS 和 iPhone 上的 iOS Safari（非内联）。