以文本方式查看主题 - 璀璨论坛 斑竹 唫 夢 誦 風 (http://bjcuican.com/index.asp) -- 程序论坛代码 (http://bjcuican.com/list.asp?boardid=73) ---- HTML5 标签audio添加网页背景音乐代码 (http://bjcuican.com/dispbbs.asp?boardid=73&id=6807) |
-- 作者:ymsf -- 发布时间:2021/12/19 21:51:58 -- HTML5 标签audio添加网页背景音乐代码
HTML5 标签audio添加网页背景音乐代码 https://cloud.tencent.com/developer/article/1392108
解决方案:使用三种文件类型和<audio>标签 鉴于目前的状况,您可能认为目前还不是在 HTML5 页面上使用音频的黄金时刻。在某些方面可能的确如此,但是 HTML5 提供了一个解决方案,使您喜欢的浏览器能够找到一种兼容的格式。 与 <audio> 标签结合使用时,<source> 标签可以嵌套在 <audio> 容器内。假设您是一个瓦格纳迷,想在 HTML5 网页上听他的歌剧 Ride of the Valkyries(《女武神》)。首先,您需要获得三种文件类型的音乐,即 OGG、MP3 和 WAV。将这些音乐文件与 HTML5 文件放在同一个文件夹内。然后,将每个文件名放在单独的 <source> 标签里,并且音频容器中的所有源标签都由<audio></audio> 构成,如下所示。 <audio controls> <source src=”http://demo.mimvp.com/html5/take_you_fly.ogg” /> <source src=”http://demo.mimvp.com/html5/take_you_fly.mp3″ /> <source src=”http://demo.mimvp.com/html5/take_you_fly.wav” /> </audio> 无论访问者使用什么浏览器,它都将自动选择所读取的第一个文件类型,并为您播放声音。
必学必会-音频和视频
【大结局】《从案例中学习JavaScript》之酷炫音乐播放器(四)微信开发给网页页面添加背景音乐HTML5视频与音频 |