1<!DOCTYPE html> 2<html> 3<head> 4<meta charset="utf-8" /> 5<!-- Website Design By: www.happyworm.com --> 6<title>Demo : jPlayer as an audio live-stream player</title> 7<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 8<link href="../../dist/skin/blue.monday/css/jplayer.blue.monday.min.css" rel="stylesheet" type="text/css" /> 9<script type="text/javascript" src="../../lib/jquery.min.js"></script> 10<script type="text/javascript" src="../../dist/jplayer/jquery.jplayer.min.js"></script> 11<script type="text/javascript"> 12//<![CDATA[ 13$(document).ready(function(){ 14 15 var stream = { 16 title: "ABC Jazz", 17 mp3: "http://listen.radionomy.com/abc-jazz" 18 }, 19 ready = false; 20 21 $("#jquery_jplayer_1").jPlayer({ 22 ready: function (event) { 23 ready = true; 24 $(this).jPlayer("setMedia", stream); 25 }, 26 pause: function() { 27 $(this).jPlayer("clearMedia"); 28 }, 29 error: function(event) { 30 if(ready && event.jPlayer.error.type === $.jPlayer.error.URL_NOT_SET) { 31 // Setup the media stream again and play it. 32 $(this).jPlayer("setMedia", stream).jPlayer("play"); 33 } 34 }, 35 swfPath: "../../dist/jplayer", 36 supplied: "mp3", 37 preload: "none", 38 wmode: "window", 39 useStateClassSkin: true, 40 autoBlur: false, 41 keyEnabled: true 42 }); 43 44}); 45//]]> 46</script> 47</head> 48<body> 49<div id="jquery_jplayer_1" class="jp-jplayer"></div> 50<div id="jp_container_1" class="jp-audio-stream" role="application" aria-label="media player"> 51 <div class="jp-type-single"> 52 <div class="jp-gui jp-interface"> 53 <div class="jp-controls"> 54 <button class="jp-play" role="button" tabindex="0">play</button> 55 </div> 56 <div class="jp-volume-controls"> 57 <button class="jp-mute" role="button" tabindex="0">mute</button> 58 <button class="jp-volume-max" role="button" tabindex="0">max volume</button> 59 <div class="jp-volume-bar"> 60 <div class="jp-volume-bar-value"></div> 61 </div> 62 </div> 63 </div> 64 <div class="jp-details"> 65 <div class="jp-title" aria-label="title"> </div> 66 </div> 67 <div class="jp-no-solution"> 68 <span>Update Required</span> 69 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>. 70 </div> 71 </div> 72</div> 73</body> 74 75</html> 76