Html音频文件自动播放代码和分隔图片说明

admin

Html中页面载入后音乐自动播放和循环播放代码

1. <audio controls autoplay loop>
2. <source src="horse.ogg" type="audio/ogg">
3. <source src="/music/yydfxms.mp3" type="audio/mpeg">
4. 您的浏览器不支持 audio 元素。
5. </audio>

复制代码

此处代码为：音频就绪后自动播放和重复播放
具体用法请到网站：https://www.runoob.com/tags/tag-audio.html 参考各代码参数

另外：可用此方法加入背景音效到贴子中，常用免费且稳定的背景音效地址有站长之家的，就可以采用。
地址：https://sc.chinaz.com/tag_yinxiao/beijingyinle.html
播放效果：这里没有采用载入即播放和循环播放，下面代码采用的是自动和循环播放

直接引用播放代码：

1. <audio controls autoplay loop>
2. <source src="horse.ogg" type="audio/ogg">
3. <source src="https://downsc.chinaz.net/Files/DownLoad/sound1/202305/y1812.mp3" type="audio/mpeg">
4. 您的浏览器不支持 audio 元素。
5. </audio>

复制代码

---

在编辑器中，我重新加入了20幅分隔图片，命名方式为：f0001.jpg--f0020.jpg; 使用的时候请用如下代码插入即可：

1. [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

不错，不错，学习了！