文档章节

js调用播放音乐

芥末小弟
 芥末小弟
发布于 2017/03/01 09:54
字数 201
阅读 4
收藏 0
/*声音的js*/
$(function () { var file = []; file['mp3'] = '../../Content/music/1.mp3'; audioplayer('audioplane', file, true); $("#voicebtn").click(function () { if ($(this).hasClass("voiceBtn")) { $(this).removeClass("voiceBtn").addClass("noVoiceBtn"); audioplayer('audioplane'); } else { $(this).removeClass("noVoiceBtn").addClass("voiceBtn"); audioplayer('audioplane', file, true); } }); }); /* 加注 跟注 弃牌 全压 其他声音 */ function Voice() { } /* 用法示例: var file = []; file['mp3'] = '1.mp3'; file['ogg'] = '1.ogg'; // 播放 audioplayer('audioplane', file, true); // 停止 audioplayer('audioplane'); */ /** 音乐播放器 * @param obj 播放器id * @param file 音频文件 mp3: ogg: * @param loop 是否循环 */ function audioplayer(id, file, loop){ var audioplayer = document.getElementById(id); if(audioplayer!=null) { document.body.removeChild(audioplayer); } if(typeof(file)!='undefined') { if(navigator.userAgent.indexOf("MSIE")>0) { // IE var player = document.createElement('bgsound'); player.id = id; player.src = file['mp3']; player.setAttribute('autostart', 'true'); if(loop){ player.setAttribute('loop', 'infinite'); } document.body.appendChild(player); }else{ // Other FF Chome Safari Opera var player = document.createElement('audio'); player.id = id; player.setAttribute('autoplay', 'autoplay'); if (loop) { player.setAttribute('loop', 'loop'); } document.body.appendChild(player); var mp3 = document.createElement('source'); mp3.src = file['mp3']; mp3.type = 'audio/mpeg'; player.appendChild(mp3); var ogg = document.createElement('source'); ogg.src = file['ogg']; ogg.type = 'audio/ogg'; player.appendChild(ogg); } } }

 

© 著作权归作者所有

共有 人打赏支持
芥末小弟
粉丝 0
博文 202
码字总数 120715
作品 0
昌平
Webtop Html5 桌面App开发系列(一)

Webtop——html5桌面app开发引擎。基于webtop,你可以使用html5和css3等新技术构建桌面app,即开发直接运行于windows上的软件,使用透明渲染模式能将网页直接渲染在桌面上,轻松实现透明阴影...

ForEleven
2012/11/01
0
12
基于WebKit浏览器的本地扩展方法

摘要:对浏览器进行本地扩展,对JavaScript的功能进行扩充,能强化浏览器在嵌入式平台的应用。该文将主要介绍基于WebKit内核浏览器的本地JS扩展方法,以实现浏览器对本地JavaScript对象的调用...

吴志斌
2012/07/26
0
1
zhengqifeng/zplayer

zplayer 项目介绍 史上最精简的音乐播放器!300多行js!你想要的功能zplayer都有!请加Q群130512958交流技术。zplayer还支持初始化多个播放器。如果使用有建议或者其他问题,可以加群交流。 ...

zhengqifeng
07/06
0
0
Building JavaScript Games for Phones Tablets and Desktop(4)-游戏资源

游戏资源 前面的章节已经教会了如何用一个构造的Game对象来写一个简单的游戏例子。你也发现JavaScript可以获取canvas和canvasContext的值,用来进行canvas的运算。你也知道了如何改变画布背景...

NightCode
2015/04/13
0
0
H5视频兼容安卓、IOS踩坑相关

1.视频暂停和播放 将JQ对象转换为原生JS对象 有遮罩层的视频播放和暂停 2.音乐开关 3.视频切换+音量播放 pug js 4.微信不能够自动播放 5.页面强制横屏问题 6.H5--移动端视频video的android兼...

谭瞎
07/28
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

文件的压缩与解压(linux)

Linux下*.tar.gz文件解压缩命令 1.压缩命令:   命令格式:tar -zcvf 压缩后文件名.tar.gz 被压缩文件名 可先切换到当前目录下。压缩文件名和被压缩文件名都可加入路径。 2.解压缩命令: ...

qimh
22分钟前
1
0
invalid character found in the request target 异常

这个异常时因为Tomcat 9不支持请求格式出现“{”等非法字符的问题 因为tomcat版本问题遇到的坑,记录一下。 问题 今天由于要测试一下订单详情页的异步查询,在本地起了一个服务,发送的请求是...

edwardGe
27分钟前
1
0
发现抓包软件fiddler的bug

1个请求他跳转之后,直接400,被拦在了Apache,使用fiddler 的,replay requests 是同样的结果,但是replay composer确是正常的。 也就是说这replay requests 是发原来的包,replay composer...

NLGBZJ
37分钟前
1
0
linux screen 命令详解

shell关闭后, 主机仍然运行 screen命令 启动jenkins以后, screen, 然后按ctrl+a 再按d 这样暂停了子界面, 这时候回到了父界面 用screen –ls查看目前子界面的状态 [root@free /]# screen -l...

SuShine
38分钟前
1
0
mac机器切换无线网络导致网页不能打开的问题

问题: 公司和家里使用不同的WI-FI,每次从家到公司时自动切换网络后,公司的许多地址不能访问, ping域名是可以ping同的,但是网页却打不开... 问题分析: 初步猜想是DNS缓存的问题? 对于MAC系统没...

Lennie002
40分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部