php页面添加背景音乐 控制停止/播放

php页面添加背景音乐 控制停止/播放

<!DOCTYPE html>
<html>
<head lang="zh-cn">
<meta charset="UTF-8">
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="apple-touch-fullscreen" content="yes">
<meta name="full-screen" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="white">
<meta name="format-detection" content="telephone=no">
<meta name="format-detection" content="address=no">
 <style type="text/css">
		#music {
		    position: absolute;
		    top: 8px;
		    right: 8px;
		}
    </style>
</head>
<body>

<!--音频 php页面添加背景音乐 控制停止/播放-->
<audio id='audio' src="audio/1.mp3" loop autoplay></audio>
<img id="music" data-theme="images/on.png" height="38">
<!--音频 php页面添加背景音乐 控制停止/播放-->
</body>
<script src="js/jquery-2.1.3.js"></script>
<script src="js/imgpreload.js"></script>
<script src="js/touch-0.2.14.min.js"></script>
<script src="js/common.js"></script>
</html>

代码下载: http://download.csdn.net/detail/wuchengzeng/8909861

谢谢关注websites博客.

版权声明:本文为博主原创文章,未经博主允许不得转载。

时间: 2024-10-17 00:15:15

php页面添加背景音乐 控制停止/播放的相关文章

h5页面添加背景音乐

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

创建一个程序读入和显示视频文件,并可以使用滑动条控制视频文件的播放。一个滑动条用来控制视频播放位置,以10为步长跳进。另一个滑动条用来控制停止/播放

/* 创建一个程序读入和显示视频文件,并可以使用滑动条控制视频文件的播放. 一个滑动条用来控制视频播放位置,以10为步长跳进.另一个滑动条用来控制 停止/播放 */ #include <cv.h> #include <highgui.h> int g_slider_position = 0; CvCapture* g_capture = NULL; int index = 0; bool flag = true; int g_slider_position1 = 0; void o

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

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

添加背景音乐由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="

解决ios下的微信打开的页面背景音乐无法自动播放

后面的项目发现,还有两个坑,需要注意下: ·本文的解决方案的核心是利用了 微信/易信 在ready的时候会有个 WeixinJSBridgeReady/YixinJSBridgeReady事件,通过监听这个事件来触发的.那有个坑就是 如果微信已经ready了,但还没执行到你监听这个ready事件的代码,那么你的监听是没用的,所以最理想的情况是,监听的js放在head前面(放在css外链之前),确保最新执行,切记!切记!. ·另一个坑就是,本文的解决方案只适合一开始就播放的背景音乐.如果你是做那种

Cocos2d-x中停止播放背景音乐

停止背景音乐播放代码放置到什么地方比较适合呢?例如:在HelloWorld场景中,主要代码如下: [html] view plaincopy bool HelloWorld::init() { return true; } void HelloWorld::onEnter() { Layer::onEnter(); log("HelloWorldonEnter"); } voidHelloWorld::onEnterTransitionDidFinish() { Layer::onEn

添加背景音乐

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

在网页中添加背景音乐

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

vue添加背景音乐

vue添加背景音乐需要用到HTML中的<auto>标签 参考手册:http://www.w3school.com.cn/tags/html_ref_audio_video_dom.asp <audio :src="mus" class="media-audio" loop autoplay ref="MusicPlay"></audio> mus: require("../assets/mus.wav