스트리밍 미디어 용 jPlayer 재생 목록

jPlayer에 대한 재생 목록을 가져와 오디오 또는 비디오를 스트리밍하는 방법을 찾으려합니다.스트리밍 미디어 용 jPlayer 재생 목록

This page은 jPlayer 용 재생 목록을 갖는 방법을 보여 줬지만 this page은 오디오를 스트리밍하는 방법을 보여 주지만 스트리밍 목적은 아닙니다.

길을 찾을 수 없습니다. 스트리밍이 아닌 미디어 및 스트리밍 미디어를 재생할 수있는 방법으로 여기에 붙여 넣을 코드가 없다고 생각합니다.

어딘가에있을 수 있습니까?

2013-02-25 Istiaque Ahmed

David here과 같은 문제가 발생했습니다. 어제 (재생을 클릭하거나 재생 목록에서 제목을 클릭했을 때 아무 일도 일어나지 않았습니다.)하지만 오늘은 모두 기적적으로 예상대로 작동합니다. 그 과정에서 수많은 매개 변수들의 조합을 실험했지만, 이것은 어제 처음 시도한 것일 텐데, 가장 간단한 접근법입니다.

여기 현재 나를 위해 작동하는 전체 코드입니다. 나는 당신이 관찰 한 어떤 오류라도 일으킬 수있는 당신의 접근 방식에 어떤 차이라도 발견 할 수 있기를 바랍니다.

<!DOCTYPE html> 
<html dir="ltr" lang="en-US"> 
<head> 
<meta charset="UTF-8" /> 
<title>Your Siblings – Left Embed on Event Page</title> 
<link rel="stylesheet" type="text/css" media="all" href="style.css" /> 
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'></script> 
<link href="jPlayer/skin/jplayer.blue.monday.css" rel="stylesheet" type="text/css" /> 
<script type="text/javascript" src="jPlayer/jquery.jplayer.min.js"></script> 
<script type="text/javascript" src="jPlayer/add-on/jplayer.playlist.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
    var playlist = [ 
     { 
      "title": "Fractured Frequencies", 
      "mp3": "http://radio.ponyvillelive.com:8032/stream?sid=1;stream.nsv" 
     }, 
     { 
      "title": "Brony Radio", 
      "mp3": "http://dj.bronyradio.com:8000/stream?sid=1;stream.nsv" 
     }, 
     { 
      "title": "Alicorn Radio", 
      "mp3": "http://radio.ponyvillelive.com:8008/stream?sid=1;stream.nsv" 
     }, 
     { 
      "title": "Fillydelphia Radio", 
      "mp3": "http://listen.fillyradio.com:8000/;stream.nsv" 
     }, 
     { 
      "title": "Luna Radio", 
      "mp3": "http://radio.ponyvillelive.com:8002/stream?sid=1;stream.nsv" 
     }, 
     { 
      "title": "Everypony Radio", 
      "mp3": "http://denver5.yourstreamnow.com:8071/;stream.nsv" 
     }, 
     { 
      "title": "Ponyville FM", 
      "mp3": "http://radio.ponyvillelive.com:8014/stream?sid=1;stream.nsv" 
     }, 
     { 
      "title": "Sonic RadioBoom", 
      "mp3": "http://radio.ponyvillelive.com:8020/stream?sid=1;stream.nsv" 
     } 
    ]; 
    new jPlayerPlaylist({ 
     jPlayer: "#jquery_jplayer_1", 
     cssSelectorAncestor: "#jp_container_1" 
    }, playlist, { 
     swfPath: "jPlayer", 
     supplied: "mp3", 
     wmode: "window", 
     preload: "none", 
     keyEnabled: true 
    }); 
}); 
</script> 
</head> 
<body> 
<div id="viewer"> 

<div id="jquery_jplayer_1" class="jp-jplayer"></div> 

<div id="jp_container_1" class="jp-audio"> 
    <div class="jp-type-playlist"> 
     <div class="jp-gui jp-interface"> 
      <ul class="jp-controls"> 
       <li><a href="javascript:;" class="jp-previous" tabindex="1">previous</a></li> 
       <li><a href="javascript:;" class="jp-play" tabindex="1">play</a></li> 
       <li><a href="javascript:;" class="jp-pause" tabindex="1">pause</a></li> 
       <li><a href="javascript:;" class="jp-next" tabindex="1">next</a></li> 
       <li><a href="javascript:;" class="jp-stop" tabindex="1">stop</a></li> 
       <li><a href="javascript:;" class="jp-mute" tabindex="1" title="mute">mute</a></li> 
       <li><a href="javascript:;" class="jp-unmute" tabindex="1" title="unmute">unmute</a></li> 
       <li><a href="javascript:;" class="jp-volume-max" tabindex="1" title="max volume">max volume</a></li> 
      </ul> 
      <div class="jp-progress"> 
       <div class="jp-seek-bar"> 
        <div class="jp-play-bar"></div> 

       </div> 
      </div> 
      <div class="jp-volume-bar"> 
       <div class="jp-volume-bar-value"></div> 
      </div> 
      <div class="jp-current-time"></div> 
      <div class="jp-duration"></div> 
      <ul class="jp-toggles"> 
       <li><a href="javascript:;" class="jp-shuffle" tabindex="1" title="shuffle">shuffle</a></li> 
       <li><a href="javascript:;" class="jp-shuffle-off" tabindex="1" title="shuffle off">shuffle off</a></li> 
       <li><a href="javascript:;" class="jp-repeat" tabindex="1" title="repeat">repeat</a></li> 
       <li><a href="javascript:;" class="jp-repeat-off" tabindex="1" title="repeat off">repeat off</a></li> 
      </ul> 
     </div> 
     <div class="jp-playlist"> 
      <ul> 
       <li></li> 
      </ul> 
     </div> 
     <div class="jp-no-solution"> 
      <span>Update Required</span> 
      To play the media you will need to either update your browser to a recent version or update your <a href="http://get.adobe.com/flashplayer/" target="_blank">Flash plugin</a>. 
     </div> 
    </div> 
</div> 

</div> 
</body> 
</html>

출처

2013-07-14 12:33:27

스트리밍 미디어 용 jPlayer 재생 목록

답변

관련 문제