当前位置:首页 > 数字化与技术

【技术】html5网页添加音乐按钮并自动循环播放方法

文玑阁9年前 (2018-01-25)数字化与技术37170

做了个漂亮的html5页面,想要添加一个音乐效果,并且打开网页自动运行,还能循环播放,处理方法可以这样做。见代码:

首先,实现音乐播放功能,看代码实现:

<audio controls="controls">
  <source src="你的url/i/song.ogg" type="audio/ogg">
  <source src="你的url/i/song.mp3" type="audio/mpeg">
  <embed height="200" width="200" src="你的url/i/song.mp3" />
</audio>

这里设置了.ogg格式和.mp3格式,可以兼容部分浏览器和移动终端。具体.ogg和.mp3格式等格式转换可以用酷狗音乐或者其他格式转换软件。

其次,如要打开网页自动播放音乐,就加一个代码 autoplay="autoplay":

<audio controls="controls" autoplay="autoplay">
  <source src="你的url/i/song.ogg" type="audio/ogg">
  <source src="你的url/i/song.mp3" type="audio/mpeg">
  <embed height="200" width="200" src="你的url/i/song.mp3" />
</audio>

最后,如果要循环播放,就加代码 loop="loop":

<audio controls="controls" autoplay="autoplay" loop="loop">
  <source src="你的url/i/song.ogg" type="audio/ogg">
  <source src="你的url/i/song.mp3" type="audio/mpeg">
  <embed height="200" width="200" src="你的url/i/song.mp3" />
</audio>

方法简单,可以尝试一下。

分享给朋友:

相关文章

博客流量之搜索引擎来路

博客流量之搜索引擎来路

乾元轩博客并没有什么流量,都是靠着几篇琐碎的文章从一些大牌搜索引擎那里分得点滴流量,这当然不是假话,有第三方流量统计工具的统计数字作证,这十几二十个ip一天虽然不值一提,但是觉得还挺有意思挺好玩的…

电视端APP遭关停服务器的下架威胁,广电总局总是抢头条

电视端APP遭关停服务器的下架威胁,广电总局总是抢头条

随着移动互联网的发展,技术的进步,电视端网络化app是必然的道路,广电的一纸禁令,只不过是被人指责为巩固垄断地位的治标行为。此举只会让众多互联网企业想方设法改变格局,而不会让技术停止进步。…

如何做好app推广?

如何做好app推广?

每个app推广或者投资者都最关心推广的效果:能做多少用户,日活跃用户能达到多少?但是,app推广最后的推广成本和留存量,与产品本身和渠道有很大的关系,这个要看对应的产品在渠道上吸不吸量,产品本身的体验…

域名的价值:域名值钱吗

正因为域名存在一定的价值,转手倒卖都能挣钱,有利益的地方,就有交易,有交易的地方就有市场,有市场就需要把握资源。想要拥有域名资源,很简单的,抢注。但是也不是随便抢注就能坐拥金山的,有时甚至手握域名而成…

App用户流失真相,如何避免APP用户流失

随着App数量的增多和应用商店入口的集中,当下单个App在获取用户的难度越来越大,同时,在获得用户的成本上也越来越高,比如曾经一个APP通过市场首发能获得大量用户的机会下,现在首发获取的用户数量也是一…

改善应用用户体验的7种途径

如果说影响应用排名的最大因素是什么?那一定是用户体验了。再也没有什么比它更重要的了,但是很多开发商在忙着开发和发布新应用的时候,往往会忽略掉这个过程中最重要的因素,那就是:用户…

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。