文档章节

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

没有更多内容

加载失败,请刷新页面

加载更多

Java并发编程:volatile关键字解析

volatile这个关键字可能很多朋友都听说过,或许也都用过。在Java 5之前,它是一个备受争议的关键字,因为在程序中使用它往往会导致出人意料的结果。在Java 5之后,volatile关键字才得以重获生...

engeue
37分钟前
1
0
通过ajax访问远程天气预报服务

http://www.webxml.com.cn/zh_cn/index.aspx 更改wsdl文件 打开文件将15行,51行,101行去掉 然后把文件复制到c盘 然后在桌面上面就生成了文件 将文件打成jar包 package cn.it.ws.weather;...

江戸川
今天
1
0
聊聊storm的tickTuple

序 本文主要研究一下storm的tickTuple 实例 TickWordCountBolt public class TickWordCountBolt extends BaseBasicBolt { private static final Logger LOGGER = LoggerFactory.getLogg......

go4it
今天
1
0
自动装箱和自动拆箱

自动装箱和自动拆箱 Java 提供了 8 种基本数据类型,每种数据类型都有其对应的包装类型,包装类是面向对象的类,是一种高级的数据类型,可以进行一些比较复杂的操作,它们是引用类型而不再基...

tsmyk0715
今天
2
0
简易审计系统

1、有时候我们需要对线上用户的操作进行记录,可以进行追踪,出现问题追究责任,但是linux自带的history并不会实时的记录(仅仅在内存中,当用户正常退出(exit logout )时才会记录到history文件里...

芬野de博客
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部