HTML5添加背景音乐

html5 audio 给博客网页加背景音乐可以加上个按钮或者链接让其可停止或暂停

下面代码只是暂停可以弄成暂停播放两种状态切换。。

可以考虑换成a标签

<a href="#" onClick="musicPaused()">停止</a>

<script type="text/javascript">

function musicPaused() {

var music = document.getElementById("clickSound");

music.pause();

}

</script>

<audio id="clickSound" autoplay="autoplay">

<source src="http://girls.iganlei.cn/baidupan/1125435669/4178294675.mp3">

</audio>

<input id="btn" type="button" onclick="musicPaused()" value="停止" />

时间： 2024-12-10 00:13:43

HTML5添加背景音乐的相关文章

HTML5添加网页背景音乐

记录几个给网站添加背景音乐的HTML5代码,稍微总结一下方式一:<video controls="" autoplay="" name="media"><source src="音乐" type="audio/mpeg"></video> 这种方式会显示播放器. 方式二:<embed src="music/We Don't Talk Anymore.mp

问题: 在网页中用下面两种方法添加网页背景音乐: 1.<bgsound src=image/pic/youmei.mp3 loop="infinite"> 2.<embed src="image/pic/youmei.mp3" ></embed> 这两种办法,在IE浏览器上都能顺利播放出背景音乐,但是在谷歌和火狐浏览器上没有背景音乐. 两种解决方案: 1.使用HTML5.0的标签: <audio src="imag

页面添加背景音乐以及注意事项

我们经常会在一些微信分享页面中看到页面的右上角,会有一个背景音乐的按钮.我们来看看,怎么来实现这样一个效果. 因为智能手机浏览器中多数都是webkit内核的,绝大部分的智能手机浏览器都是支持HTML5的:对于IOS和Android原生应用中的WebView控件也都是webkit内核且支持HTML5标准的.因此我们在添加背景音乐的时候,可以使用一个很方便的标签:<audio> 在移动平台使用<audio>的时候,多数情况是不需要你处理UI的,因为移动浏览器不会像web端一样添加一个默

Cocos2d-x开发中国象棋《十一》在游戏中添加背景音乐

在上一节中实现了悔棋,在这节将介绍如何在游戏中添加背景音乐看一下效果: 实现思路: 当单击后游戏中播放背景音乐,并且背景音乐切换按钮由变成当单击后停止播放背景音乐,并且背景音乐切换按钮由变成当游戏进入后台后停止播放背景音乐当游戏恢复后继续播放背景音乐实现代码: 在SceneGame类中定义一个成员函数Voice(CCObject*)用于实现背景音乐的切换,Voice(CCObject*)中的代码 //播放背景音乐 void SceneGame::Voice(CCObject*) { s

h5页面添加背景音乐

[需求]h5页面添加背景音乐,支持微信.QQ.各种APP. [实现思路]1.通过audio标签,设置自动播放,是一种方法,但是此方法只适合微信.QQ,并不兼容我司的APP,需要主动触发下播放事件. 2.针对可以自动播放的渠道,通过this.audio.addEventListene监听playing事件,控制小喇叭的状态. [知识点]audio标签.addEventListener.classList [代码]封装了一个公共组件: 1 <template> 2 <div class=&q

基于jQuery HTML5添加到购物车代码

基于jQuery HTML5添加到购物车代码.这是一款支持选择颜色跟样式的添加购物车代码.效果图如下: 在线预览源码下载实现的代码. html代码: <header> <h1>Quick Add to Cart</h1> </header> <a href="#0" class="cd-cart"> <span>0</span> </a> <ul class

Java添加背景音乐

最近有几个师妹找我给她们的Java期末作业添加背景音乐,很久不琢磨Java的我花费整晚才搞定,惭愧!在博客中记录下来,警示自己,也帮助一下大家. Java中可以通过AudioClip类来实现音乐播放,循环等操作.AudioClip支持的音乐格式有.wav..mid.AIFF.AU.RMF,但是格式要求相当严格.我用AudioClip播放我自己录的一段wav文件就没有声音,让我纠结了很久,最后才发现我的wav文件内容没有写文件尾,对于格式要求严格的AudioClip而言是无法识别的(这个问题困扰了

在网页中添加背景音乐

有两种添加背景音乐的方式分别用<bgsound>和<embed></embed>标签,当用<embed>插入背景音乐时可以设置宽度和高度为0,隐藏播放器.二者的参数如下: ■ <bgsound>: <bgsound> 是用来插入背景音乐,但只适用于 IE,其参数设定不多.如下 <bgsound src="your.mid"autostart=true loop=infinite> src="y

添加背景音乐由icon控制

标准按钮icons样式: http://fontawesome.io/icons/ <div style="padding: 2em;TEXT-ALIGN: center;"> <audio id="myaudio" src="${path}/music/Jason Mraz - I'm Yours.mp3" loop="false" hidden="