jplayerプレーヤーの使用

jplayerは純粋なjsのプレーヤーフレームワークで、主にwebページにjsプレーヤーを埋め込むために使用されます.
 
プレーヤーのスタイルは次のようになります.
 
jplayerの使い方もとても簡単です
 
使用方法:
1 htmlの部分には、jplayerのcssスタイルファイル、jplayerのjsファイルが含まれます.
 

 
 
2プレーヤーの 、 ボタン( 、 )、 、 などの を する
 

    
    
    
    
    
    
    
    




   
    


	

		

			

				play
				stop
			
			

				

					

				
			
			

				mute
				max volume
				

					

				
			
			

				
 
				
 
				

					repeat
				
			
		
		

			
 
		
		

			Update Required
			To play the media you will need to either update your browser to a recent version or update your Flash plugin.
		
	

   

 
 
3 javascriptでは、メディア、swfpath、サポートされているフォーマット、 の などを します
 

    
    
    
    
    
    
    
    
      $(document).ready(function(){

	$("#jquery_jplayer_1").jPlayer({
		ready: function (event) {
			$(this).jPlayer("setMedia", {
				title: "Bubble",
				m4a: "http://jplayer.org/audio/m4a/Miaow-07-Bubble.m4a",
				oga: "http://jplayer.org/audio/ogg/Miaow-07-Bubble.ogg"
			});
		},
		swfPath: "../../dist/jplayer",
		supplied: "m4a, oga",
		wmode: "window",
		useStateClassSkin: true,
		autoBlur: false,
		smoothPlayBar: true,
		keyEnabled: true,
		remainingDuration: true,
		toggleDuration: true
	});
});



   
    


	

		

			

				play
				stop
			
			

				

					

				
			
			

				mute
				max volume
				

					

				
			
			

				
 
				
 
				

					repeat
				
			
		
		

			
 
		
		

			Update Required
			To play the media you will need to either update your browser to a recent version or update your Flash plugin.
		
	

   

 
の3つのステップで、ページにプレーヤーを できます.
 
ファイルを して する は、 する でmediaを すればよい.
function changeMedia() {
     $("#jquery_jplayer_1").jPlayer("setMedia",{title:"titlename",mp3:"voices/test.wav"});
}