Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/google-app-engine/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jplayer:从第页的链接播放mp3_Javascript_Html_Jplayer - Fatal编程技术网

Javascript jplayer:从第页的链接播放mp3

Javascript jplayer:从第页的链接播放mp3,javascript,html,jplayer,Javascript,Html,Jplayer,我有一个使用jplayer的Html模板,我知道如何在播放器中添加现有播放列表,但不知道如何通过页面上的链接播放 主题链接为: 我试图联系开发人员,但他不活跃,没有回复。请帮忙 另外,我检查了评论,他要求在链接上添加一个“datajpsrc”属性 <a href="#" title="musician" data-jp-src="a.mp3">play</a> $(document).on('click', '[data-jp-src]', function(e){

我有一个使用jplayer的Html模板,我知道如何在播放器中添加现有播放列表,但不知道如何通过页面上的链接播放

主题链接为:

我试图联系开发人员,但他不活跃,没有回复。请帮忙

另外,我检查了评论,他要求在链接上添加一个“datajpsrc”属性

  <a href="#" title="musician" data-jp-src="a.mp3">play</a>

$(document).on('click', '[data-jp-src]', function(e){
  e && e.preventDefault();
  var music = {};
  music.title  = $(this).attr('title');
  music.mp3 = $(this).attr('data-jp-src');
  myPlaylist.add(music);
  myPlaylist.play(-1);
});

$(文档)。在('click','data jp src]'上,函数(e){
e&e.preventDefault();
var music={};
music.title=$(this.attr('title');
music.mp3=$(this.attr('data-jp-src');
我的播放列表。添加(音乐);
myPlaylist.play(-1);
});

我不明白这个

打开文件js/jPlayer/demo.js

添加如下代码:

   $(document).on('click', '.jp-play-me', function(e){
    e && e.preventDefault();
    var $this = $(e.target);
    if (!$this.is('a')) $this = $this.closest('a');

    $('.jp-play-me').not($this).removeClass('active');
    $('.jp-play-me').parent('li').not($this.parent('li')).removeClass('active');

    $this.toggleClass('active');
    $this.parent('li').toggleClass('active');
    if( !$this.hasClass('active') ){
      myPlaylist.pause();
    }else{
      var i = Math.floor(Math.random() * (1 + 7 - 1));
      myPlaylist.play(i);
    }
   });

   $(document).on('click', '[data-jp-src]', function(e){
    e && e.preventDefault();
    var music = {};
    music.title  = $(this).attr('title');
    music.mp3 = $(this).attr('data-jp-src');
    myPlaylist.add(music);
    myPlaylist.play(-1);
   });

这段代码应该播放mp3文件,你把数据放在jp SRC上怎么放。我是这方面的初学者,通常我使用wordpress。但是这次需要处理这个html主题,。你能详细告诉我怎么做吗,。这真的很有帮助,。谢谢你的回复,。!!我们这里不写代码。您可以将此代码放入您有权访问的任何html中。我不知道当你不了解基本编程原理时为什么要这样做。您可以使用任何程序来执行此操作。好的,。这意味着所有这些代码都必须放在一个html文件中,。。不是在javascript文件中,否则,.Dude是html,不能放在js文件中