본문 바로가기
JW Player

jw wmv player - link playlist 구현

조신한곧미남 2009. 7. 17. 15:31


jw wmv 의 고급기능을 이제부터 하나씩 알아보도록 하자..

그 첫번째 방법이 아래와 같이 link playlist 를 이용하는 방법이다.

이방법은 기본방법인 싱글 플레이와 파일구성은 모두 같습니다.
다만 html 파일 태그 내용만 약간 다릅니다.

이방법의 가장 큰 장점은 wmv 파일이 다른 파일과 같은 경로에 같이 있지 않아도 됩니다.
다른 서버에 wmv 영상을 링크방식으로 재생할 수 있는 것이 가장 큰 매력입니다.



위의 영상은


태그소스
<IFRAME src="http://cfs.tistory.com/custom/blog/8/84980/skin/images/wmvlinkplaylist.html" scrolling=no width=500  height=400>
</IFRAME>






html 태그 내용은 다음과 같습니다..

jw 홈페이지에서 html 파일을 그대로 가져와서 티스토리에 업로드 한 것입니다..

태그 내용을 보신바와 같이 video 1, 2, 3의 서버가 전부 다르지만 구동이 됩니다..


 <HTML>

<!-- page by andersen -->
<HEAD>
<TITLE>JW WMV-Player - simple link-playlist example</TITLE>

<script type="text/javascript" src="silverlight.js"></script>
<script type="text/javascript"  src="wmvplayer.js"></script>

<script type="text/javascript">

var player = null;
function createPlayer(theContainer, theFile, go) {
 var cnt = document.getElementById(theContainer);
 var src = "wmvplayer.xaml";
 var cfg = {height:"250", width:"470", file:theFile, autostart:go};
 player = new jeroenwijering.Player(cnt,src,cfg);
}


function init() {
 createPlayer("mediaspace1",
  "http://www.jeroenwijering.com/upload/silverlight.wmv",
  "false");
}
</script>

</HEAD>
<BODY onload="init()">

Simple example using links as playlist for the <a href="http://www.jeroenwijering.com/?item=JW_WMV_Player">JW WMV-Player</a> v.1.1<br><br>

<div id="mediaspace1"></div>
<br>
<a href="javascript:createPlayer('mediaspace1', 'http://www.jeroenwijering.com/upload/silverlight.wmv', 'true');">video 1</a>
<br>
<a href="javascript:createPlayer('mediaspace1', 'mms://wm9.maelstrom.jet-stream.nl/demo/goldfish_WMV_Web.wmv', 'true');">video 2</a>
<br>
<a href="javascript:createPlayer('mediaspace1', 'http://www.jeroenwijering.com/upload/afraid.wmv', 'true');">video 3</a>
<br>

</BODY>
</HTML>


<!-- end of page - delete this and next lines --><!-- Nedenst?nde indsat af TDC for at m?e trafikken samtidig med at brugeren er 100% anonym. Koden m?ikke s?tes ud af funktion, kopieres, eller ?dres. --> <img src="http://statistik-gallup.net/V11***tdckoncern_dk/dk/ISO-8859-1//">







자 이제 제가 업로드한 wmv 영상으로 테스트를 하겠습니다..  







구현 태그
<IFRAME marginWidth=0 marginHeight=0 src="http://cfs.tistory.com/custom/blog/8/84980/skin/images/wmvlinkplaylist test.html" frameBorder=0 width=645 scrolling=no height=600 topmargin="0">
</IFRAME>




Html 파일의 소스코드 내용

 <HTML>

<!-- page by andersen -->
<HEAD>

<script type="text/javascript" src="silverlight.js"></script>
<script type="text/javascript"  src="wmvplayer.js"></script>

<script type="text/javascript">

var player = null;
function createPlayer(theContainer, theFile, go) {
 var cnt = document.getElementById(theContainer);
 var src = "wmvplayer.xaml";
 var cfg = {height:"500", width:"640", file:theFile, autostart:go};
 player = new jeroenwijering.Player(cnt,src,cfg);
}


function init() {
 createPlayer("mediaspace1",
  "http://cfs.tistory.com/custom/blog/8/84980/skin/images/ESRB FINAL.wmv",
  "false");
}
</script>

</HEAD>


<BODY onload="init()">

<div id="mediaspace1"></div>
<br>
<a href="javascript:createPlayer('mediaspace1', 'http://cfs.tistory.com/custom/blog/8/84980/skin/images/ESRB FINAL.wmv', 'true');">1 - ESRB FINAL / 640*360</a>
<br>
<a href="javascript:createPlayer('mediaspace1', 'http://blip.tv/file/get/Tulpeee-DNFTeaser480p486.wmv', 'true');">2 - DNF Teaser / 852*480</a>
<br>
<a href="javascript:createPlayer('mediaspace1', 'http://blip.tv/file/get/Tulpeee-halloween480p583.wmv', 'true');">3 - Halloween / 852*480</a>
<br>
<a href="javascript:createPlayer('mediaspace1', 'http://blip.tv/file/get/Tulpeee-SaiYuGouMaRoku368.wmv', 'true');">4 - 서유강마록 1코인 / 640*480</a>
<br>

</BODY>
</HTML>




첨부파일

저작자표시 비영리 동일조건

'JW Player' 카테고리의 다른 글

jw wmv player - horizontal playlist 구현  (0) 2009.07.17
jw wmv player - below playlist 구현  (0) 2009.07.17
jw flv player 4.5 버전 업데이트  (0) 2009.07.16
jw wmv player - Single play 구현 (티스토리에 올리기)  (1) 2009.07.06
jw flv player 4.4 버전 구현 종류  (0) 2009.06.05

'JW Player' Related Articles

티스토리툴바