Inicio > HTML, JavaScript, Windows > Mp3 Player HTA WMPlayer.OCX + JQuery

Mp3 Player HTA WMPlayer.OCX + JQuery

Bueno en la entrada anterior hablaba sobre como crear HTA , bueno ahora dejo un ejemplo de como usar ActiveXObject en sus HTA o HTML bueno hice un pequeño reproductor de musica usando HTML + JavaScript (Jquery)

Bueno sin nada mas que decir les dejo el codigo de este pequeño reproductor.

Player.hta

<html>
	<head>
	<!--
			@Autor: Esteban Fuentealba
			@Email: mi [dot] warezx [at] gmail [dot] com
	-->
		<title>Mp3 Player HTA  WMPlayer.OCX + JQuery</title>
		<hta:application
			id = "primerHTA"
			applicationname = "Tutorial HTA"
			border = "thick"
			caption = "yes"
			showintaskbar = "yes"
			singleinstance = "yes"
			sysmenu = "yes"
			windowstate = "normal"
			scroll = "yes"
			scrollflat = "yes"
			version = "1.0"
			innerborder = "yes"
			selection = "no"
			maximizebutton = "yes"
			minimizebutton = "yes"
			navigable = "yes"
			contextmenu = "yes"
			borderstyle = "normal" 
		/>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
	<script language="VBScript">
			' Redimensiono la Ventana, Ancho 550 pixelex y alto 110 pixeles
			Window.ResizeTo 400, 100
	</script>
	<script type="text/javascript">
	var obj = new ActiveXObject('WMPlayer.OCX'); 
	$(function(){
		$('#atras').click(function() { obj.controls.currentPosition = obj.controls.currentPosition - 5; });
		$('#play').click(function() { obj.controls.play() });
		$('#pause').click(function() { obj.controls.pause() });
		$('#stop').click(function() { obj.controls.stop() });
		$('#adelante').click(function() { obj.controls.currentPosition = obj.controls.currentPosition + 5; });
		$('#load').change(function(){
				obj.url = $(this).val();
		});
	});
	</script>
	<style>
		.player { font-family: Webdings; font-size: 10px; }
	</style>
	</head>
	<body>
	<center>
		<form>
			<input type="button" id="atras" value="7" class="player" />
			<input type="button" id="play" value="4" class="player" />
			<input type="button" id="pause" value=";" class="player" />
			<input type="button" id="stop" value="<" class="player" />
			<input type="button" id="adelante" value="8" class="player" />
			<input type="file" id="load" />
		</form>
	</center>
	</body>
</html>

Bueno con ActiveXObject pude ocupar los “servicios” de Windows media player que está en mi pc, asi mismo se pueden ocupar recursos del pc como para ver la información de discos duros, creacion de archivos, conexiones , etc, solo leer.

Aqui les dejo una ScreenShot de mi pequeño player

player

Tutoriales de HTA y ActiveXObject:
http://www.microsoft.com/technet/scriptcenter/topics/htas/tutorial1.mspx
http://www.microsoft.com/technet/scriptcenter/topics/htas/tutorial2.mspx

Saludos!

  1. Aún no hay comentarios.
  1. octubre 12, 2009 a las 5:58 pm

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: