开启辅助访问

王洪林个人官网

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
查看: 4846|回复: 4
打印 上一主题 下一主题

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

  [复制链接]

升级   100%

跳转到指定楼层
楼主
发表于 2017-4-4 22:37:06 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式 来自 云南昆明
王洪林个人官网免责声明
本网站内容仅代表作者本人的观点,不代表本网站的观点和看法,与本网站立场无关,相关责任作者自负。本网站有部分内容来自互联网,如无意中侵犯了哪个媒体 、公司 、企业或个人等的知识产权,请来电或致函告之,本网站将在规定时间内给予删除等相关处理,若有涉及版权费等问题,请及时提供相关证明等材料并与我们联系,通过友好协商公平公正原则处理纠纷。
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:
王洪林个人官网免责声明

  本站所有音视频内容均来至互联网分享,本网站只提供web页面服务,不提供影片资源存储,录制、上传相关音视频等,音视频版权归属其合法持有人所有;本站不对此类内容负任何责任,如有侵犯版权请及时与我们联系并出示版权证明,我们将在24小时内删除;另外,影视观看中请勿相信音视频中的任何广告内容,谨防上当受骗,由此带来的任何问题和损失与本站无关,特此声明。

分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏 转播转播 分享分享 分享淘帖 支持支持 反对反对

升级   100%

沙发
发表于 2023-6-21 13:56:51 | 只看该作者 来自 浙江
不错,不错,学习了!
懒得打字嘛,点击右侧快捷回复 咨询,充值,充值卡购买等请联系 👸微信客服
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|小黑屋|手机版|Gamart.net Inc. ( 蜀ICP备11002741号

GMT+8, 2024-12-31 00:30 , Processed in 0.268192 second(s), 19 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2

© 2001-2024 Anziwo.com Inc.

快速回复 返回顶部 返回列表