http://tianyalinfeng.iteye.com/blog/1772264
播放器相关
//初始化
$("#jquery_jplayer_1").jPlayer({
ready: function () {
$(this).jPlayer("setMedia", {
mp3:"http://www.jplayer.org/audio/mp3/TSP-01-Cro_magnon_man.mp3"
});
},
swfPath: "js",
supplied: "mp3",
wmode: "window"
});
//设置媒体信息
$("#jquery_jplayer_1").jPlayer("setMedia",{
mp3:url
});
//开始播放
$("#jquery_jplayer_1").jPlayer("play");
播放列表相关
//初始化列表
var musicPlayList = new jPlayerPlaylist({
jPlayer: "#jquery_jplayer_2",
cssSelectorAncestor: "#jp_container_2"
}, [
]
, {
swfPath: "js/jPlayer",
supplied: "oga, mp3",
wmode: "window"
});
//向列表中添加歌曲
musicPlayList.add({
title:title,
mp3:url
});
//播放列表中的指定歌曲
musicPlayList.play(1); //播放第二首
CirclePlayer
myCirclePlayer = new CirclePlayer("#jquery_jplayer_1",
{
//m4a: "http://www.jplayer.org/audio/m4a/Miaow-07-Bubble.m4a",
//oga: "http://www.jplayer.org/audio/ogg/Miaow-07-Bubble.ogg"
}, {
cssSelectorAncestor: "#cp_container_1",
swfPath: "js/jPlayer",
supplied: "mp3,oga,m4a",
wmode: "window"
});
myCirclePlayer.setMedia({mp3:url});//设置媒体
myCirclePlayer.play();//开始播放
如果jPlayer在IE等浏览器中无法正常播放
可能需要检查页面是否有如下设置
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
相关推荐
jPlayer-2.5.4完整版 包括demo以及用法
快速学习jplayer的最好方法就是先套用他这个实例,都是拿来就可以使用的,不需要修改。
现在从需求上来了解它的使用方法吧。第一个需求:MP3格式的音频在网页播放,样式如下: 刚看到这个需求的时候,还是觉着有些难度的。我从官网(http://www.jplayer.cn/)上下载了这个的压缩包,直接拿出了里面的...
这是一个关于播放的项目,是相关于jQuery.jPlayer.2.2.0.source播放器使用方法的一个Demo。 实现批量加入播放器,下载(分布下载,测试单个2.5G文件可下载)、批量下载兼容IE8,FF,谷歌播放器,(360,搜狗等不兼容...
这是一个关于播放的项目,是相关于jQuery.jPlayer.2.2.0.source播放器使用方法的一个Demo。 实现批量加入播放器,下载(分布下载,测试单个2.5G文件可下载)、批量下载兼容IE8,FF,谷歌播放器,(360,搜狗等不兼容...
iTunes搜索 iTunes API使用jQuery + jPlayer + Bootstrap进行搜索。... 使用jQueryUI delay和fadeTo方法淡入结果。 可以通过将鼠标悬停在专辑插图上并单击jPlayer Circle Player来预览歌曲。 演示: :
建议使用此软件包的方法是通过npm和webpack。 但是,如果您坚持手动添加.js和.css文件,则可以从/dist/文件夹获得未缩小版本和缩小版本。 该软件包的依赖关系已被UMD构建排除在外,因此您需要手动添加它们,如react...
主要介绍了基于jQuery的网页影音播放器jPlayer的基本使用教程,文中的示例主要针对其播放音频文件的用法,需要的朋友可以参考下
流星-jplayer 感谢@happyworm。 jPlayer 是一个 jQuery/Zepto 插件,它允许您: 播放和控制网页中的媒体文件。 在所有浏览器中创建...用法使用 Meteor 0.9.0 及更高版本安装: $ meteor add jackyqiu:meteor-jplayer
jPlayer Sound Fade 插件版本:1.0一个简单的插件,使用fadeTo/fadeIn/fadeOut 方法扩展jPlayer 对象来控制声音。要求jQuery jPlayer 2.1.0+用法查看
喜欢音乐的朋友们,一定非常期望有一款专属于自己博客的“个性音乐播放器”吧…… 最近为wordpress音乐插件 Flash Media player 设计了一款黑白主题皮肤,...据我所知,按这种方式使用音乐插件的人还不在少数,汗!)
尼泊尔文字转语音使用jPlayer。 它处于发展的初期。 用法 打开speak.html,在文本区域的unicode中插入devnagari,然后单击“播放”按钮。 此版本未处理某些字符。 合作者 比卡什·巴塔拉伊(Bikash Bhattarai) ...
专业的sv4视频文件播放器,用来播放监控录像里的SV4文件 使用方法: 打开 ActiveX文件夹 双击程序文件JPlayer
它使用一个在后台的Flash文件来播放Mp3文件,播放器的任何一个地方都可以在XHML/CSS文件里控制。 3,Embed QuickTime Embed QuickTime帮助你直接在网页中插入可播放的QuickTime影片的jQuery插件。 4,jMP3 jMP3提供...
本文实例讲述了jquery控制背景音乐开关与自动播放提示音的方法。分享给大家供大家参考。具体如下: 很多人初学网页制作时在网页中加入一段背景音乐,听到音乐响起的那一刻往往都会有一丝的成就感。 这里就为大家讲解...