html 播放ogg,关于音频：具有动态播放列表的HTML5 mp3 + ogg播放

向右看齐 2022-10-06 13:52 255阅读 0赞

我无法弄清楚如何将ogg文件合并到HTML5标签的播放列表中。 现在，我从目录JSON对象读取文件，其格式如下：

var playlist = \[\{"url":"mp3\\/122911.mp3","title":"122911"\},

\{"url":"mp3\\/100909.mp3","title":"100909"\},\{"url":"mp3\\/011110.mp3","title":"011110"\},

\{"url":"mp3\\/061207C.mp3","title":"061207C"\},\{"url":"mp3\\/110309.mp3","title":"110309"\},

\{"url":"mp3\\/120409.mp3","title":"120409"\},\{"url":"mp3\\/031608.mp3","title":"031608"\},

\{"url":"mp3\\/100609C.mp3","title":"100609C"\},\{"url":"mp3\\/120408.mp3","title":"120408"\},

\{"url":"mp3\\/012908.mp3","title":"012908"\},\{"url":"mp3\\/032107.mp3","title":"032107"\}\]

可以解决问题，将ogg文件加载到该对象中不是问题。 我只需要知道如何告诉firefox ogg文件就在那里。 是否缺少我要在JSON中与" url"和" title"一起使用的参数？ 我知道如果我只是静态地创建所有内容，它就可以在音频标签中显示，但不是。 音频标签很简单：

Your browser doesn't support HTML 5 audio.

到目前为止，它在chrome和safari中的mp3上都可以正常工作。 我知道我缺少一些简单的东西。 我有ogg文件，只是对我想播放列表中的参数感到困惑。 谢谢！

这如何运作？

Your browser doesn't support HTML 5 audio.

没有消息来源。 您是否将动态添加到？

让我说说它是如何工作的：

您可以为指定多个。 浏览器将在中从上到下查找并尝试播放其支持的第一个。 因此，如果您这样编写：

Your browser doesn't support HTML 5 audio.

这样就足够了。 支持mp3的浏览将使用第一个来源。 如果不支持mp3的浏览器(如firefox)将放弃此设置并继续查看。 接下来将找到.ogg并将播放该文件。

您可以在这里看到更多：

http://www.w3schools.com/html/html5\_audio.asp

发表评论取消回复

表情：

评论列表（有 0 条评论，255人围观）

还没有评论，来说两句吧...

相关阅读

相关 html代码循环播放音频

可以使用 HTML5 的 `audio` 标签来循环播放音频。例如，要循环播放一个名为 "song.mp3" 的音频文件，可以使用以下代码： <audiosrc=

短命女/ 2024年03月25日 18:57/ 0 赞/ 67 阅读

相关 html5播放flv

html5的video标记，可以播放多种视频，什么mp4啦,mov啦，但不包括flv。flv与flash有关系，没前途，快完蛋了。但好像这个又跟直播啥的有关联（是一种直播协议）

太过爱你忘了你带给我的痛/ 2022年11月19日 13:57/ 0 赞/ 425 阅读

相关 html 播放ogg,HTML5中video 和 ogg

matlab的滤波器仿真——低通滤波器与插值滤波器项目里面有用到插值滤波器的场合,用matlab做了前期的滤波器性能仿真,产生的滤波器系数保存下来输入到FPGA IP中使用

Bertha 。/ 2022年10月06日 13:52/ 0 赞/ 185 阅读

相关 html 播放ogg,关于音频：具有动态播放列表的HTML5 mp3 + ogg播放

我无法弄清楚如何将ogg文件合并到HTML5标签的播放列表中。现在，我从目录JSON对象读取文件，其格式如下： var playlist = \[\{"url":"mp3\

向右看齐/ 2022年10月06日 13:52/ 0 赞/ 256 阅读

相关 HTML5 MP3音乐盒播放js特效

[下载地址][Link 1] HTML5 MP3音乐盒播放特效是一款基于html5+css3制作可爱的音乐盒表情，点击开关按钮mp3音乐播放器。 ![9fbafd8d768

分手后的思念是犯贱/ 2022年09月16日 06:14/ 0 赞/ 251 阅读

相关 html5_音频播放

1. 音频播放 <audio src="audio/1.mp3" controls="controls" autoplay="autoplay"></audio> <

男娘i/ 2022年05月25日 05:08/ 0 赞/ 308 阅读

相关 html5_视频播放

1. 视频播放 <table> <tbody> <tr> <td style="background:rgb(213,213,213);"><p><stro

悠悠/ 2022年05月25日 05:08/ 0 赞/ 383 阅读

相关 termux播放mp3音频

github解决方案：https://github.com/termux/play-audio 曲线救国：https://steemit.com/utopian-

曾经终败给现在/ 2022年03月25日 11:08/ 0 赞/ 507 阅读

相关 Java 音频播放：使用 JLayer 播放 MP3 文件

文本链接: [https://blog.csdn.net/xietansheng/article/details/85056358][https_blog.csdn.net_x

清疚/ 2021年09月22日 16:00/ 0 赞/ 546 阅读

相关 HTML音频：音乐播放网页

HTML音频：音乐播放网页任务描述相关知识使用HTML5 audio元素播放属性使用雅虎媒体播放器播放

妖狐艹你老母/ 2021年05月16日 20:37/ 0 赞/ 752 阅读