王洪林个人官网
标题:
Html音频文件自动播放代码和分隔图片说明
[打印本页]
作者:
admin
时间:
2017-4-4 22:37
标题:
Html音频文件自动播放代码和分隔图片说明
Html中页面载入后音乐自动播放和循环播放代码
您的浏览器不支持 audio 元素。
<audio controls autoplay loop>
<source src="horse.ogg" type="audio/ogg">
<source src="/music/yydfxms.mp3" type="audio/mpeg">
您的浏览器不支持 audio 元素。
</audio>
复制代码
此处代码为：音频就绪后自动播放和重复播放
具体用法请到网站：
https://www.runoob.com/tags/tag-audio.html
参考各代码参数
另外：可
用此方法加入背景音效到贴子中
，常用免费且稳定的背景音效地址有站长之家的，就可以采用。
地址：
https://sc.chinaz.com/tag_yinxiao/beijingyinle.html
播放效果：这里没有采用载入即播放和循环播放，下面代码采用的是自动和循环播放
您的浏览器不支持 audio 元素。
直接引用播放代码：
<audio controls autoplay loop>
<source src="horse.ogg" type="audio/ogg">
<source src="https://downsc.chinaz.net/Files/DownLoad/sound1/202305/y1812.mp3" type="audio/mpeg">
您的浏览器不支持 audio 元素。
</audio>
复制代码
在编辑器中，我重新加入了20幅分隔图片
，命名方式为：f0001.jpg--f0020.jpg;
使用的时候请用如下代码插入即可
：
[align=center][img]static/image/hrline/f0001.jpg[/img][/align]
复制代码
以下是插入分隔图片f0001.jpg至f0020.jpg的效果。
1：
2：
3：
4：
5：
6：
7：
8：
9：
10：
11：
12：
13：
14：
15：
16：
17：
18：
19：
20：
作者:
Anziwo
时间:
2023-6-21 13:56
不错，不错，学习了！
欢迎光临 王洪林个人官网 (http://www.gamart.net/)
Powered by Discuz! X3.2
不错，不错，学习了！