html - 具有多个来源的HTML5音频标签

标签 html audio html5-audio

关于HTML5音频标签,我有两个问题。考虑以下代码段:

<!DOCTYPE html>
<html>
<body>
<a href="#">woot</a>
<audio controls >

  <source src="\path\acdc.ogg" type="audio/ogg">
  <source src="\path\file.mp3" type="audio/mp3">
Your browser does not support the audio element.
</audio>

</body>

</html>
  • 如果您正在查看页面的浏览器支持第一个源标签中的媒体类型,那么它是否总是选择第一个源?我在Chrome和acdc.oggplayed和IE(不支持off,file.mp3播放)中打开了代码段
  • 浏览器如何确定它是否可以播放文件?它只是偷看type属性,还是它们足够聪明以获取文件并查看它们是否可以播放?

  • 我正在考虑文件实际上是mp3的实例,但是源type属性表示它是ogg。

    最佳答案

    在这里看看:https://html.spec.whatwg.org/multipage/embedded-content.html#the-source-element

    基本上,浏览器会选择它可以支持的第一种类型。同样重要的是要知道,不仅需要在type元素上具有source属性,而且文件本身应该从服务器以正确的content-type标题发送。

    关于html - 具有多个来源的HTML5音频标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27823612/

    相关文章:

    javascript - 在播放下一个声音之前停止任何以前在 javascript 中播放的声音(base64)的方法

    javascript - 从 soundcloud 设置网络音频 api 源节点

    javascript - 如何创建 JavaScript 音频可视化工具?

    php - 仅使用 PHP/HTML/Javascript 将 'value' 从多个单选类型选择添加到 mySQL 中的特定行/列

    javascript - Facebook 找到了修复移动滚动的方法

    html - CSS:在 body 元素选择器中更改背景图像的不透明度

    html - 如何使用 CSS 去除元素的偏移量?

    java - 无法启动 Intent

    iOS 如何将 USB 设备的特定 channel 设置为音频播放器? AV基金会

    javascript - HTML5 音频标签 onplaying 甚至在 android 中的音频播放之前被触发