Sonido al pasar el puntero por encima de una imagen – Service – Promotional Code

Este sistema hecho con JavaScript está desarrollado -a petición de un lector del blog- para añadir un efecto de sonido a una imagen, pero también se puede utilizar para reproducir música a demanda con un reproductor "invisible".

Lo primero de todo es conseguir un alojamiento para audio que admita el hotlink, o lo que es lo mismo, que nos permita tirar directamente del alojamiento para reproducir online y no sólo en modo descarga.

Servidor ha hecho las pruebas conKiwi6 y parece que funciona bastante bien, con la ventaja de que ni siquiera es necesario registrarse. El que haya leído nuestroanterior post, podrá comprobar que últimamente nos ha dado por laActinidia Deliciosa, pero es que somos así de dulces :)

El bloque principal lo he redactado de forma que se pueda poner como simple gadget (tipo HTML/JavaScript) en la barra lateral, ya que como os he anticipado, no habrá nada visible para el usuario. Veréis que no tiene mucha ciencia y que, secuencialmente, sólo se trata de lo siguiente:

• un estilo para que el reproductor tenga tamaño cero y no se vea
• una variable (sonido) para incluir en ella la dirección del sonido a reproducir
• otra variable (audio) que contiene las instrucciones necesarias para embeber un reproductor estándar y unos parámetros para que no se reproduzca si no pulsamos antes en algún sitio (autoplay) y para que sea controlable desde JavaScript (enablejavascript)
• la "impresión" en la página del reproductor para que quede cargado desde el principio
• una función para comenzar a reproducir el sonido (reproducirmusica)

style type="text/css"
#musica {height:0;width:0;}
/style
script type="text/javascript"
var sonido = 'http://k003.kiwi6.com/hotlink/5b6r3mpa5k/coche.mp3';

var audio ='embed id="musica" src="'+sonido+'" autoplay="false" type="audio/mpeg" enablejavascript="true"/embed';
document.write(audio);

function reproducirmusica() {
var tocando = document.getElementById('musica');
tocando.Play();
}
/script

Con esto instalado ya podemos activar ese sonido dónde queramos, siendo opción de vuestras necesidades si se hace al pasar el puntero por encima del elemento o si preferís que sea necesario hacer click.

En el primer caso, este sería el tipo de enlace que habría que montar englobando la imagen o lo que sea. Aquí hemos puesto sólo la palabraPLAY, pero justo después podréis ver el ejemplo que hemos hecho con una imagen cambiando esa palabra por el correspondienteimg src="...:

a href='javascript:void(0);' onmouseover="javascript:reproducirmusica();"PLAY/a

Para que sea necesario hacer click para la reproducción, el código iría de esta otra manera:

a href='javascript:reproducirmusica();'PLAY/a

Al cargar la página con este script, puede que os salga un aviso de que se está intentando ejecutar un plugin y que tenéis que dar vuestro permiso, pero sólo se trata del reproductor por defecto del navegador, así que podéis aceptar su uso sin problemas.

Y no he sido muy afortunado con la elección del sonido del ejemplo, porque cuando parece que ha terminado, todavía queda un poco de pista a muy bajo volumen. Así que si le dais muy seguido y os parece que no funciona, no es por eso, es porque todavía está reproduciendo el final del anterior fichero. Vamos, que el coche no ha terminado de pasar...

Hire php programmers houston mesothelioma attorney CAR INSURANCE QUOTES COLORADO arizona auto accident attorney Hard drive Data Recovery Services Online Criminal Justice Degree Business finance group how to donate a car in california How to Donate A Car in California mesothelioma attorneys california DONATE A CAR IN MARYLAND FUTURISTIC ARCHITECTURE Psd to html Best social media platforms for business Automobile Accident Attorney Car Accident Lawyers car insurance quotes colorado Asbestos Lawyers Online casino buying structured settlements Bankruptcy lawyer DONATE OLD CARS TO CHARITY car accident lawyers Casino best consolidation loan student mesothelioma attorney assistance Donate Car to Charity California dui lawyer scottsdale integrated ehr Futuristic Architecture dallas mesothelioma attorneys selling a structured settlement NEUSON DONATE CAR FOR TAX CREDIT Php programmers Donate your car for money Mobile casino mesothelioma claim Car Insurance Quotes PA Make money online Australia alcohol rehab center in florida CHEAP DOMAIN REGISTRATION HOSTING motorcycle accident attorney chicago Dallas mesothelioma attorneys Proud Italian cook Email bulk service Casino reviews Adobe illustrator classes Cheap domain registration hosting Better conferencing calls DUI lawyer Live casino WORLD TRADE CENTER FOOTAGE Dallas Mesothelioma Attorneys insurance medical temporary la personal injury lawyer Social media platforms for business Php programmers for hire Hire php developers injury attorney baton rouge CAR INSURANCE QUOTES MN Better Conference Calls ANNUITY SETTLEMENT Service business software Criminal lawyer Donate cars Illinois cell cycle regulation ppt structured settlement buyer Best Criminal Lawyers in Arizona structured settlement cash out Seo services donating used cars to charity Donating Used Cars to Charity Donate Your Car Sacramento Social media platforms los angeles workers compensation lawyers MET AUTO Social media strategies onlineclasses Seo company workplace accident attorney Met Auto accident attorney in los angeles MASSAGE SCHOOL DALLAS TEXAS Dwi lawyer New social media platforms Asbestos Lung Cancer Criminal defense lawyer Life Insurance Co Lincoln donate your car for money Hire php developer purchase structured settlements motor replacements Car Insurance Companies Car Donate Computer science classes online Seo companies Dayton Freight Lines PHD IN COUNSELING EDUCATION AUTOMOBILE ACCIDENT ATTORNEY PSYCHIC FOR FREE Motor Insurance Quotes Best criminal lawyer in Arizona Car insurance quotes Utah primary pulmonary hypertension injury lawyer houston tx mesothelioma litigation Custom WordPress theme designer caraccidentlawyer Social media campaigns seattle mesothelioma lawyer World trade center footage HARDDRIVE DATA RECOVERY SERVICES Personal Injury Law Firm Paperport promotional code better conferencing calls structured settlements companies fortis health insurance temporary Best Seo company Forensics Online Course Business management software Best social media platforms CAR INSURANCE QUOTES UTAH mesothelioma information Online Christmas cards Custom Christmas cards webex costs philadelphia mesothelioma lawyer Photo Christmas cards Car Insurance Quotes Colorado WordPress themes for designers mesothelioma lawyer virginia WordPress hosting Psd to WordPress mesothelioma care Social media examiner Social media management Tech school Online Colleges Html email Structures Annuity Settlement Health Records Personal Health Record WEBEX COSTS mesothelioma charities PAPERPORT PROMOTIONAL CODE mortgage adviser online criminal justice degree DONATE CARS ILLINOIS business voip solutions Christmas cards Register Free Domains earthlink business internet car accident lawyers los angeles Donate Cars Illinois CAR DONATE bus accident attorney los angeles refinance with bad credit ONLINE MOTOR INSURANCE QUOTES Italian cooking school peritoneal mesothelioma cheaper insurance companies WordPress theme designers accident car florida lawyer ROYALTY FREE IMAGES STOCK Cheap Car Insurance for Ladies personal injury lawyer sarasota fl Learning adobe illustrator Social media tools Mesothelioma Law Firm Donate Cars in MA auto accident lawyer san francisco Car Insurance in South Dakota Donate Car for Tax Credit Cheap Domain Registration Hosting state of california car insurance hair removal washington dc structured settlement annuity companies Dedicated Hosting Dedicated Server Hosting mesothelioma settlement amounts Sell Annuity Payment Donate Your Car for Kids World Trade Center Footage colorado mesothelioma lawyers SELL ANNUITY PAYMENT Annuity Settlements mesothelioma forensics online course anti spam exchange server mesothelioma attorney florida Neuson california law lemon Criminal lawyer Miami Nunavut Culture FORENSICS ONLINE COURSE canada personals yahoo Psychic for Free Donate a Car in Maryland Motor Replacements cash out structured settlement Donating a Car in Maryland selling annuity Criminal Defense Attorneys Florida Car Insurance Quotes Utah buying an annuity calculator compare life assurance domains yahoo mesothelioma law suits Holland Michigan College Online Motor Insurance Quotes Met auto