首页 \ 问答 \ JPlayer - 使用Flash后备功能支持MP3播放列表(JPlayer - MP3 Playlist support using Flash fallback)

JPlayer - 使用Flash后备功能支持MP3播放列表(JPlayer - MP3 Playlist support using Flash fallback)

我是JPlayer的新手,并不知道如何使用它。 我正在尝试创建一个只使用MP3文件的播放器,我知道不是每个浏览器本身都支持MP3播放,所以对于播放器来说,它需要在某些情况下使用Flash后备。

目前我可以让播放器使用单个MP3,但是当添加多个MP3时,只播放第一个曲目。

这是我目前的脚本

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Player</title>
<script type='text/javascript' src='http://code.jquery.com/jquery-1.6.4.js'></script>
<script type='text/javascript' src="http://www.jplayer.org/latest/js/jquery.jplayer.min.js"></script>
<script type="text/javascript" src="js/jplayer.playlist.min.js"></script>
<script type='text/javascript'>//<![CDATA[ 
$(function(){
$("#jquery_jplayer").jPlayer({
    ready: function () {
      $(this).jPlayer("setMedia", { mp3: "http://www.jplayer.org/audio/mp3/TSP-01-Cro_magnon_man.mp3" }, 
      { mp3: "http://www.jplayer.org/audio/mp3/TSP-05-Your_face.mp3" });
    },
    swfPath: "http://www.jplayer.org/latest/js/Jplayer.swf",
    supplied: "mp3",
    volume: 1,
    wmode:"window",
    solution: "html,flash",
    errorAlerts: true,
    warningAlerts: false

});
});//]]>  
</script>
</head>
<body>
<div id="jquery_jplayer"></div>
<div id="jp_container_1" class="jp-audio">
    <div class="jp-type-single">
      <div id="jp_interface_1" class="jp-interface all_rounded_corners">
        <ul class="jp-controls">
          <li><a href="#" class="jp-play pp" tabindex="1">play</a></li>
          <li><a href="#" class="jp-pause pp" tabindex="1">pause</a></li>
          <li><a href="#" class="jp-previous" tabindex="1">Previous</a></li>
          <li><a href="#" class="jp-next" tabindex="1">Next</a></li>
        </ul>
        <div class="jp-progress">
          <div class="jp-seek-bar">
            <div class="jp-play-bar"></div>
          </div>
        </div>
      </div>
    </div>
</div>
</body>
</html>

我可以说我在某个地方出了问题,但我不知道在哪里,我希望得到你的帮助。 随意修改脚本以使其工作,并可能指导我一个工作的例子。

感谢您的帮助。


I'm new to JPlayer, and don't really know how to use it well. I'm trying to create a player which only uses MP3 files, I know not every browser natively supports MP3 playback so for the Player to work it needs to use the Flash fallback in some cases.

Currently I can make the Player work with a single MP3 but when multiple MP3's are added only the first track plays.

Here is my current script

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Player</title>
<script type='text/javascript' src='http://code.jquery.com/jquery-1.6.4.js'></script>
<script type='text/javascript' src="http://www.jplayer.org/latest/js/jquery.jplayer.min.js"></script>
<script type="text/javascript" src="js/jplayer.playlist.min.js"></script>
<script type='text/javascript'>//<![CDATA[ 
$(function(){
$("#jquery_jplayer").jPlayer({
    ready: function () {
      $(this).jPlayer("setMedia", { mp3: "http://www.jplayer.org/audio/mp3/TSP-01-Cro_magnon_man.mp3" }, 
      { mp3: "http://www.jplayer.org/audio/mp3/TSP-05-Your_face.mp3" });
    },
    swfPath: "http://www.jplayer.org/latest/js/Jplayer.swf",
    supplied: "mp3",
    volume: 1,
    wmode:"window",
    solution: "html,flash",
    errorAlerts: true,
    warningAlerts: false

});
});//]]>  
</script>
</head>
<body>
<div id="jquery_jplayer"></div>
<div id="jp_container_1" class="jp-audio">
    <div class="jp-type-single">
      <div id="jp_interface_1" class="jp-interface all_rounded_corners">
        <ul class="jp-controls">
          <li><a href="#" class="jp-play pp" tabindex="1">play</a></li>
          <li><a href="#" class="jp-pause pp" tabindex="1">pause</a></li>
          <li><a href="#" class="jp-previous" tabindex="1">Previous</a></li>
          <li><a href="#" class="jp-next" tabindex="1">Next</a></li>
        </ul>
        <div class="jp-progress">
          <div class="jp-seek-bar">
            <div class="jp-play-bar"></div>
          </div>
        </div>
      </div>
    </div>
</div>
</body>
</html>

I can tell I've gone wrong somewhere but I don't know where, I'm hoping for your help. Feel free to modify the script to make it work and possibly direct me to an example of it working.

Thank you for your help.


原文:https://stackoverflow.com/questions/13806211
更新时间:2022-08-13 11:08

最满意答案

以下假设items$items是数组

只需使用items.length ,对于> 0 true

if (items.length && $items.length)

Below is under the assumption that items and $items are arrays

Just use items.length which will be true for > 0

if (items.length && $items.length)

相关问答

更多
  • 您可以使用后置条件(不介意名称,它将在代码之前进行评估, do_something只有在条件评估为真值(即不nil或false )时才会执行)。 do_something if a You can use post conditions (don't mind the name, it will be evaluated before the code. And do_something will only be executed if condition evaluates to truthy valu ...
  • 看起来这在PHP中有效。 function test(a) { a && (console_log("somthing") xor executeOtherFunction()); } 我认为PHP能够将所有内容转换为bool而不会出错。 It looks this works in PHP. function test(a) { a && (console_log("somthing") xor executeOtherFunction()); } I think PHP is abl ...
  • 您可以使用逻辑和: var val; score == 10 && (val = win); You can use a logical and: var val; score == 10 && (val = win);
  • 这是有效的,因为他们正在使用(不明智的,现在很受赞誉的) register_globals功能。 (请参阅PHP 使用注册全局的手册部分,了解包括安全相关信息在内的全部下拉菜单 。) 我真的建议不要使用这种方法,而是明确使用$ _POST或$ _GET变量,因为否则会有潜在的安全问题世界等待您。 This works because they're using the (ill-advised and now thankfully deprecated) register_globals feature. ...
  • 这是可能的Python 3从v3.1和Python 2.7 。 新with语法支持多个上下文管理器: with A() as a, B() as b, C() as c: doSomething(a,b,c) 与__exit__()不同,这样就保证a和b的__exit__()被调用,即使C()或它的__enter__()方法引发异常。 It is possible in Python 3 since v3.1 and Python 2.7. The new with syntax supports ...
  • 以下假设items和$items是数组 只需使用items.length ,对于> 0 true if (items.length && $items.length) Below is under the assumption that items and $items are arrays Just use items.length which will be true for > 0 if (items.length && $items.length)
  • 根据我们上面的评论,你走了: switch(strtolower(getenv('DEV_SERVER'))) { case 'localhost': define('URL_ROOT', 'http://localhost/Site/'); break; case 'dev': define('URL_ROOT', 'dev.website.net'); break; case 'east': defi ...
  • 对的,这是可能的。 sel >= 0 ? (item1.className="show", item2.className="hide", items.innerHTML="My Item 3A") : (item1.className="hide", item2.className="show", item3.innerHTML="My Item 3B"); Yes, it is possible. sel >= 0 ? (item1.className="show", item2.className= ...
  • 使用values_at获取仅包含指定索引处元素的数组。 然后使用find {|x| x} find {|x| x}获取第一个不是nil或false的元素。 result = a.values_at(*indices).find {|x| x} Use values_at to get an array which contains only the elements at the specified indices. Then use find {|x| x} to get the first eleme ...
  • 是的,如文件中所述: (......) 比较可以任意链接 ,例如, x < y <= z相当于x < y and y <= z ,不同之处在于y只计算一次(但在两种情况下,当x < y时,根本不计算z是假的)。 所以你可以链接任何类型的比较器: < , > , == , >= , <= , <> , != , is [not]和[not] in 。 该文件进一步使其更加正式: 形式上,如果a , b , c ,..., y , z是表达式而op1 , op2 ,..., opN是比较运算符,则a op1 b ...

相关文章

更多

最新问答

更多
  • 谁有JAVA的视频教程啊 最好从基础开始到精通 打包好的
  • 仅根据表格的一列删除重复的值(Remove duplicate values based on only one column of the table)
  • 从数据库值填充数组的最有效方法?(Most efficient way to populate array from database values?)
  • 我在data属性中有一个变量,并从prop传递相同的变量。(I have one variable in data attribute, and pass the same variable from prop. why the {{}} template display the value from prop rather than data)
  • Reg Ex Django Url Conf(Reg Ex Django Url Conf)
  • 本地化不适用于主要活动(Localization does not work on main activity)
  • 我有一个同学让我去福州科闽计算机学校学习室内设计,这个学校好吗?
  • 变量的模板参数中的Decltype(Decltype in template parameter of variable)
  • 代码签名错误与Xcode 4.2(Code Sign error with Xcode 4.2)
  • 在保留表达式生命周期的同时强制执行参数评估顺序(Enforce parameter evaluation order while retaining lifetime of of expressions)
  • 查询以获取早于开始日期的日期行(不是简单的WHERE)(Query to get date rows older than a start date (not a simple WHERE))
  • 武清哪家会计培训机构通过率高?
  • Java正则表达式逻辑OR(Java regex logical OR)
  • 使用for循环创建异步Vue组件(Use for loop to create async Vue component)
  • 从magento数据库获取客户名称和电子邮件(Get customer names and emails from magento database)
  • 运行Ruby冒泡排序(Running Through a Ruby Bubble Sort)
  • 减去返回多于1行的两个SQL子查询的结果(Subtracting the results of the two SQL subqueries that returns more than 1 row)
  • 对于Ruby http请求,响应“呃?”是间歇性的(The response “er ?” is getting intermittently for Ruby http request)
  • 请问嘉定区有没有培训上海市电脑中级的,有的话在哪里?
  • 根据日期范围查询最小分区键(聚类键)(Query min partition key based on date range (clustering key))
  • int listinsert(sqlist * & L)中的&是什么意思
  • 原始套接字的会话管理(Session Management on Raw Socket)
  • 将Type用作“属性”是不好的做法?(Is it bad practise to use Type as a 'Property'?)
  • 电脑等级证书二级和三级有什么区别啊 !!我们学校有二级和三级培训到底该选着那个呢????????
  • linux 安装新硬盘如何设置权限
  • 无法从RecyclerView的onBindViewHolder更改根视图的大小或位置(Cannot change root view's size or position from RecyclerView's onBindViewHolder)
  • spin.js没出现在我的网站上?(spin.js is not showing up on my site?)
  • Gulp + Bootstrap字体(Gulp + Bootstrap Fonts)
  • 如何使用短信Alfresco.util.PopupManager.displayPrompt显示图标(How to show icon with text message Alfresco.util.PopupManager.displayPrompt)
  • Skype.getAllChats()未检测到基于云的群组聊天(Skype.getAllChats() not detecting cloud-based group chats)