文档章节

js调用播放音乐

芥末小弟
 芥末小弟
发布于 2017/03/01 09:54
字数 201
阅读 5
收藏 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
我想写一个JS音乐播放器

额,是这样的.大概思路是使用audio标签提供的功能,但是隐藏浏览器提供的默认控件和外观,我自己写界面和控件. 我遇到的问题是这样的: 由于我的这个播放器是放到网页上面的,那么播放器的界面应该...

中华田园犬
2015/06/13
1K
3
StageGuard/NeteaseCloudMusic.js

NeteaseCloudMusic.js 脚本介绍 基于Rhino的网易云音乐JavaScript。 脚本架构 基于Mozilla Rhino 官方网站(CN):https://developer.mozilla.org/zh-CN/docs/Mozilla/Projects/Rhino 安装教程......

StageGuard
11/14
0
0
分析天天静听在线音乐播放器的js逻辑

是这样的,我打算自己写一个音乐播放器,用到的资源来自于天天静听的 http://www.dongting.com/ 我尝试着分析一下,当我搜索一个歌手的时候,页面会有那些js代码在运行 请注意:我首先输入歌手周杰...

中华田园犬
2015/06/25
85
1
想做一个从音乐网站下载音乐的小工具 该从哪里入手?

新手想要做个小工具 主要是从一个音乐网站上下载音乐 首先要通过我这个工具 登录到音乐网站 然后可以查看本人的音乐列表 然后进行下载 例如:http://www.songtaste.com/song/3291374/ 这个地...

Marvelous
2013/06/29
356
2

没有更多内容

加载失败,请刷新页面

加载更多

我的Linux系统九阴真经

我的Linux系统九阴真经 在今天,互联网的迅猛发展,科技技术也日新月异,各种编程技术也如雨后春笋一样,冒出尖来了。各种创业公司也百花齐放百家争鸣,特别是针对服务行业,新型互联网服务行...

linuxCool
9分钟前
0
0
Python程序员需要知道的30个技巧

1 直接交换两个数字位置 1x, y = 10, 202print(x, y)3x, y = y, x4print(x, y)5#1 (10, 20)6#2 (20, 10) 2 比较运算符的链接 1n = 102result = 1 < n < 203print(result)4# True5result = 1 ......

糖宝lsh
10分钟前
0
0
[LintCode] Linked List Cycle(带环链表)

描述 给定一个链表,判断它是否有环。 样例 给出 -21->10->4->5, tail connects to node index 1,返回 true。 这里解释下,题目的意思,在英文原题中,tail connects to node index 1 表示的...

honeymose
21分钟前
3
0
Android :报错Your project path contains non-ASCII characters.

报错内容如下 Your project path contains non-ASCII characters. This will most likely cause the build to fail on Windows. Please move your project to a different directory. See ht......

lanyu96
31分钟前
2
0
Nginx平滑添加模块

Nginx已经编译安装并运行了一段时间, 然后某一天, 发现需要用到某个模块但当初没有编译, 这个时候怎么办呢? 卸载重新安装肯定可以的, 如果Nginx版本没有变更的话, 则有一个相对平滑的方法来添...

老菜鸟0217
37分钟前
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部