璀璨论坛 斑竹 唫 夢 誦 風常用软件类程序论坛代码 → HTML5 标签audio添加网页背景音乐代码


  共有3026人关注过本帖树形打印复制链接

主题:HTML5 标签audio添加网页背景音乐代码

帅哥哟,离线,有人找我吗?
ymsf
  1楼 博客 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:管理员 帖子:8384 积分:88654 威望:0 精华:83 注册:2017/3/13 16:47:52
HTML5 标签audio添加网页背景音乐代码  发帖心情 Post By:2021/12/19 21:51:58 [只看该作者]

 

 

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》之酷炫音乐播放器(四)

剽悍一小兔

微信开发给网页页面添加背景音乐

在微信开发中,单纯的页面展示并不能够吸引客户的眼球,需要有视觉和听觉的双重效果,才能够吸引住客户浏览,达到产品宣传的目的,前面说过很多页面的特效,今天我来说一种...

OECOM

HTML5视频与音频

简单介绍 HTML5 对视频和音频特性规范文档的制定是被讨论最多的。除浏览器自带支持的明显好处外,评论点集中在浏览器提供商对音频/视频格式 的不同选择。如果你准...

踏浪

  单帖管理 | 引用 | 回复 回到顶部

返回版面帖子列表

HTML5 标签audio添加网页背景音乐代码








签名