« »

An audio player powered by QuickTime and Windows Media Player. Play short media files, e.g. MP3, in a Web browser with simple controls.

Label: JavaScript Player

Report to us error of this JavaScript

Demo
Enlarge
Reload
New window

Code
Files
CSS
JavaScript
HTML
Print

Copy All x2

<style>
.lb_JSPlayer_div{
	/*display: inline;*/ /*cause other problems*/
	float: left;
	padding: 2px 2px 2px 2px;
	margin: 0px 0px 0px 0px;
	width: auto;
	height: 16px;
	border: 1px solid CornflowerBlue;
	}

.lb_JSPlayer_ctrl1{
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 16px;
	vertical-align: middle;
	cursor: pointer;
	}

.lb_JSPlayer_ctrl2{
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 16px;
	vertical-align: middle;
	cursor: pointer;
	}

.lb_JSPlayer_ctrl1_i{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 16px;
	vertical-align: middle;
	}

.lb_JSPlayer_ctrl2_i{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 16px;
	vertical-align: middle;
	}

.lb_JSPlayer_status{
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 16px;
	color: DodgerBlue;
	font-family: courier new;
	font-size: 16px;
	vertical-align: top;
	}

</style>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Copy All x2

<script type="text/javascript" src="jsPlayer.js"></script>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Copy All x2

<script language="Javascript">
		new clb_JSPlayer("demo.mp3", "QTP", "blank.mp3");
</script>

<p style="clear: both">
<h4>Windows Media Player</h4>
	<script language="Javascript">
		new clb_JSPlayer("demo.mp3", "WMP");
	</script>
<p style="clear: both">
<h4>JSPlayer_core(QuickTime Player)</h4>

<input type="button" value="load" onclick="load()">
<input type="button" value="playPause" onclick="playPause()">
<input type="button" value="stop" onclick="stop()">
<input type="button" value="state" onclick="state()">
	<script language="JavaScript">
		var corePlayer1 = new clb_JSPlayer_core("QTP", "blank.mp3");
		function load(){
			corePlayer1.loadAudio("demo.mp3");
			}
		function playPause(){
			corePlayer1.playPause();
			}
		function stop(){
			corePlayer1.stop();
			}
		function state(){
			alert(corePlayer1.getState());
			}
	</script>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->