eskysky
发布于 2019-11-02 / 8 阅读
0

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

上次我们学习了如何使用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切换到“代码”视图或“拆分”视图,在表格下部的单元格中插入以下代码: 是HTML5中新增的标签,一般用于嵌入多媒体文件,src属性储存媒体文件的地址,loop属性规定媒体文件是否循环播放以及循环播放的次数,loop=true代表循环播放。 网页音频循环播放效果 保存后在浏览器中预览看看效果。 注意,在新版本IE浏览器中预览网页可能会出现“已限制此网页运行脚本或ActiveX控件”的提示信息,此时点击“允许阻止的内容”按钮即可。 允许阻止的内容 当网页中出现一个播放条时就代表实现效果了,快去试试吧。 网页音频循环播放效果的实现
本文版权归逸云蓝天所有,转载请注明出处并添加本文链接。