`

jPlayer的一些用法[转]

    博客分类:
  • html
阅读更多

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完整版

    jPlayer-2.5.4完整版 包括demo以及用法

    jQuery.jPlayer.2.2.0.demos.zip官方完整实例压缩包

    快速学习jplayer的最好方法就是先套用他这个实例,都是拿来就可以使用的,不需要修改。

    jquery插件Jplayer使用方法简析

    现在从需求上来了解它的使用方法吧。第一个需求:MP3格式的音频在网页播放,样式如下: 刚看到这个需求的时候,还是觉着有些难度的。我从官网(http://www.jplayer.cn/)上下载了这个的压缩包,直接拿出了里面的...

    asp.net播放器_视频音频播放器_jQuery.jPlayer播放器

    这是一个关于播放的项目,是相关于jQuery.jPlayer.2.2.0.source播放器使用方法的一个Demo。 实现批量加入播放器,下载(分布下载,测试单个2.5G文件可下载)、批量下载兼容IE8,FF,谷歌播放器,(360,搜狗等不兼容...

    jQuery.jPlayer—asp.net播放器—视频音频播放器

    这是一个关于播放的项目,是相关于jQuery.jPlayer.2.2.0.source播放器使用方法的一个Demo。 实现批量加入播放器,下载(分布下载,测试单个2.5G文件可下载)、批量下载兼容IE8,FF,谷歌播放器,(360,搜狗等不兼容...

    itunes-search:使用jQuery + jPlayer + Bootstrap的iTunes API搜索

    iTunes搜索 iTunes API使用jQuery + jPlayer + Bootstrap进行搜索。... 使用jQueryUI delay和fadeTo方法淡入结果。 可以通过将鼠标悬停在专辑插图上并单击jPlayer Circle Player来预览歌曲。 演示: :

    react-jPlayer:用于ReactHTML5音频和视频播放器库

    建议使用此软件包的方法是通过npm和webpack。 但是,如果您坚持手动添加.js和.css文件,则可以从/dist/文件夹获得未缩小版本和缩小版本。 该软件包的依赖关系已被UMD构建排除在外,因此您需要手动添加它们,如react...

    基于jQuery的网页影音播放器jPlayer的基本使用教程

    主要介绍了基于jQuery的网页影音播放器jPlayer的基本使用教程,文中的示例主要针对其播放音频文件的用法,需要的朋友可以参考下

    meteor-jplayer:jPlayer 是一个用于播放媒体的 jQueryZepto 插件

    流星-jplayer 感谢@happyworm。 jPlayer 是一个 jQuery/Zepto 插件,它允许您: 播放和控制网页中的媒体文件。 在所有浏览器中创建...用法使用 Meteor 0.9.0 及更高版本安装: $ meteor add jackyqiu:meteor-jplayer

    jquery.jplayer.fade:jPlayer 的一个简单插件,用于控制声音的淡入淡出

    jPlayer Sound Fade 插件版本:1.0一个简单的插件,使用fadeTo/fadeIn/fadeOut 方法扩展jPlayer 对象来控制声音。要求jQuery jPlayer 2.1.0+用法查看

    Wordpress音乐插件- Flash Media player(水墨)

    喜欢音乐的朋友们,一定非常期望有一款专属于自己博客的“个性音乐播放器”吧…… 最近为wordpress音乐插件 Flash Media player 设计了一款黑白主题皮肤,...据我所知,按这种方式使用音乐插件的人还不在少数,汗!)

    NepaliTextToSpeech

    尼泊尔文字转语音使用jPlayer。 它处于发展的初期。 用法 打开speak.html,在文本区域的unicode中插入devnagari,然后单击“播放”按钮。 此版本未处理某些字符。 合作者 比卡什·巴塔拉伊(Bikash Bhattarai) ...

    .sv4播放工具 视频监控

    专业的sv4视频文件播放器,用来播放监控录像里的SV4文件 使用方法: 打开 ActiveX文件夹 双击程序文件JPlayer

    jQuery Flash/MP3/Video多媒体插件

    它使用一个在后台的Flash文件来播放Mp3文件,播放器的任何一个地方都可以在XHML/CSS文件里控制。 3,Embed QuickTime Embed QuickTime帮助你直接在网页中插入可播放的QuickTime影片的jQuery插件。 4,jMP3 jMP3提供...

    jquery控制背景音乐开关与自动播放提示音的方法

    本文实例讲述了jquery控制背景音乐开关与自动播放提示音的方法。分享给大家供大家参考。具体如下: 很多人初学网页制作时在网页中加入一段背景音乐,听到音乐响起的那一刻往往都会有一丝的成就感。 这里就为大家讲解...

Global site tag (gtag.js) - Google Analytics