上次我们学习了如何使用Dreamweaver添加网页背景音乐,但老是同一首歌曲循环播放,听多了就没有新意了,今天我们来学习一下如何实现在网页中实现2首歌、3首歌甚至多首歌曲的循环播放。

先新建一个空白网页,在这个网页里插入一个2行1列,边框为1的表格,背景颜色设置为#66FF66,并将其居中对齐。在表格上部的单元格中插入一个标题“网页音频循环播放测试”。同时在站点文件夹下新建一个名为“images”的文件夹,将需要循环播放的背景音乐“1.mp3”、“2.mp3”、“3.mp3”复制到该文件夹下。

打开站点文件夹,右键鼠标,新建一个文本文档,打开该文本文档,在其中输入:1.mp3 回车 2.mp3 回车 3.mp3 ,保存并关闭记事本窗口。将该文本文档重命名为“music.m3u”。到此,准备工作就做完了。

小贴士:m3u是音频文件的列表文件,是一种文本文件,播放器将根据其内部存放的音频文件地址按顺序进行播放。

建立m3u文件

网页音频循环播放效果

将Dreamweaver切换到“代码”视图或“拆分”视图,在表格下部的单元格中插入以下代码:

<embed src=”images/music.m3u” loop=true >

<embed>是HTML5中新增的标签,一般用于嵌入多媒体文件,src属性储存媒体文件的地址,loop属性规定媒体文件是否循环播放以及循环播放的次数,loop=true代表循环播放。

网页音频循环播放效果

保存后在浏览器中预览看看效果。

注意,在新版本IE浏览器中预览网页可能会出现“已限制此网页运行脚本或ActiveX控件”的提示信息,此时点击“允许阻止的内容”按钮即可。

允许阻止的内容

当网页中出现一个播放条时就代表实现效果了,快去试试吧。

网页音频循环播放效果的实现


本文版权归一天天世界所有,转载请注明出处并添加本文链接。

2 对 “网页音频循环播放效果的实现”的想法;

发表评论

电子邮件地址不会被公开。 必填项已用*标注

 
返回顶部
ett