JavaScript DHTML/Development/Audio Video Sound
Содержание
- 1 Controlling Embedded Sounds with JavaScript
- 2 Embedded Sounds in JavaScript </h1> <embed mastersound name="sound1" src="test.wav" volume="100" hidden="true" autostart="false"> This document includes a hidden embedded sound, which is loaded after the page is loaded. You can use the JavaScript buttons below to control the sound. <form name="form1"> <input type="button" value="Play" onclick="document.sound1.play(true)"> <input type="button" value="Pause" onclick="document.sound1.pause()"> <input type="button" value="Stop" onclick="document.sound1.stop()"> </form> </body> </html> </source> Controlling Sounds with JavaScript
- 3 Inserts an audio or video medium in the current Web page
- 4 JsLib 1.3
Controlling Embedded Sounds with JavaScript
<source lang="html4strict">
<html> <head>
<title>JavaScript Unleashed</title>
</head> <body>
<source lang="html4strict">
<html> <head>
<title>JavaScript Unleashed</title> <script type="text/javascript"> </script>
</head> <body onLoad="playSound("yourFile.wav")" onUnLoad="playSound("Glass.wav")">
<a href="#" onClick="playSound("Cashreg.wav")">
Click here for sound
</a>
<form name="form1"> <input type="button" value="Play" onClick="playSound("Gunshot.wav")"> </form>
</body> </html>
</source>
Inserts an audio or video medium in the current Web page
<source lang="html4strict">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML>
<HEAD> <TITLE>JsLib 1.3 - Exemple - medias.js</TITLE> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1"> <META NAME="Author" CONTENT="Etienne CHEVILLARD"> <SCRIPT TYPE="text/javascript" LANGUAGE="Javascript">
/* medias.js
* Role : insere un media audio ou video dans la page Web courante * Projet : JsLib * Auteur : Etienne CHEVILLARD (echevillard@users.sourceforge.net) * Version : 1.3 * Creation : 14/09/2002 * Mise a jour : 23/02/2005 */
// --- Variables globales --- // tableau des extensions var medias_ext=new Array("class","swf","au,snd","mp2,mp3","aif,aiff,aifc",
"wav","dus,cht","mid,midi","rm,ra,ram","rpm", "cmu,ras","fh4,fh5,fhc","gif","ief","jpg,jpe,jpeg", "tif,tiff","pnm","pbm","pgm","ppm", "rgb","xbm","xpm","xwd","mpg,mpe,mpeg", "qt,mov","wma,wmv,asf","avi,vfw","movie","wrl,vrml");
// tableau des types MIME var medias_mim=new Array("application/octet-stream","application/x-shockwave-flash",
"audio/basic","audio/mpeg","audio/x-aiff","audio/x-wav", "audio/x-dspeeh","audio/x-midi","audio/x-pn-realaudio","audio/x-pn-realaudio-plugin", "image/x-cmu-raster","image/x-freehand","image/gif","image/ief", "image/jpeg","image/tiff","image/x-portable-anymap","image/x-portable-bitmap", "image/x-portable-graymap","image/x-portable-pixmap","image/x-rgb", "image/x-xbitmap","image/x-xpixmap","image/x-xwindowdump","video/mpeg", "video/quicktime","video/x-ms-asf","video/x-msvideo","video/x-sgi-movie","x-world/x-vrml");
// --- Fonctions --- // retourne la balise OBJECT adaptee au navigateur utilise function medias_baliseObject(id, url, auto, largeur, hauteur, console) {
var obt;
obt="<OBJECT ";
var agt=navigator.userAgent.toLowerCase();
if ((agt.indexOf("msie")!=-1) && (agt.indexOf("opera")==-1)) {
obt+="ID=\"" + id + "\" ";
if (typeMIME(url).indexOf("quicktime")!=-1) {
obt+="CLASSID=\"clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B\" ";
obt+="CODEBASE=\"http://www.apple.ru/qtactivex/qtplugin.cab\" ";
} else if (typeMIME(url).indexOf("realaudio")!=-1) {
obt+="CLASSID=\"clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA\" ";
obt+="CODEBASE=\"http://???\" ";
} else if (typeMIME(url).indexOf("shockwave")!=-1) {
obt+="CLASSID=\"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\" ";
obt+="CODEBASE=\"http://download.macromedia.ru/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0\" ";
} else {
obt+="CLASSID=\"clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95\" ";
obt+="CODEBASE=\"http://activex.microsoft.ru/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,0,0,0\" ";
}
obt+="WIDTH=\"" + largeur + "\" HEIGHT=\"" + hauteur + "\" ALIGN=\"middle\">";
if (typeMIME(url).indexOf("shockwave")!=-1) {
obt+="<PARAM NAME=\"MOVIE\" VALUE=\"" + url + "\">";
obt+="<PARAM NAME=\"QUALITY\" VALUE=\"high\">";
} else { obt+="<PARAM NAME=\"SRC\" VALUE=\"" + url + "\">"; }
} else {
obt+="NAME=\"" + id + "\" DATA=\"" + url + "\" ";
obt+="TYPE=\"" + typeMIME(url) + "\" ";
obt+="WIDTH=\"" + largeur + "\" HEIGHT=\"" + hauteur + "\" ALIGN=\"middle\">";
}
if (auto) {
obt+="<PARAM NAME=\"AUTOSTART\" VALUE=\"true\">";
obt+="<PARAM NAME=\"AUTOPLAY\" VALUE=\"true\">";
} else {
obt+="<PARAM NAME=\"AUTOSTART\" VALUE=\"false\">";
obt+="<PARAM NAME=\"AUTOPLAY\" VALUE=\"false\">";
}
obt+="<PARAM NAME=\"CONTROLLER\" VALUE=\"true\">";
obt+="<PARAM NAME=\"CONSOLE\" VALUE=\"" + id + "\">";
obt+="<PARAM NAME=\"CONTROLS\" VALUE=\"" + console + "\">";
return(obt);
} // fin medias_baliseObject(id, url, auto, largeur, hauteur, console) // insere un media audio function insererAudio(id, url, auto, largeur, hauteur) {
if ((!url) || (url=="")) { return false; }
if (!auto) { auto=false; }
if ((isNaN(largeur)) || (parseInt(largeur)<1)) { largeur=300; }
if ((isNaN(hauteur)) || (parseInt(hauteur)<1)) { hauteur=45; }
var txt;
if (typeMIME(url).indexOf("realaudio")!=-1) {
txt=medias_baliseObject(id, url, auto, largeur, hauteur, "ControlPanel");
} else {
txt=medias_baliseObject(id, url, auto, largeur, hauteur, "console");
}
txt+="<EMBED NAME=\"" + id + "\" SRC=\"" + url + "\" ";
txt+="TYPE=\"" + typeMIME(url) + "\" MASTERSOUND ";
if (typeMIME(url).indexOf("quicktime")!=-1) {
txt+="PLUGINSPAGE=\"http://www.apple.ru/quicktime/download/\" ";
} else if (typeMIME(url).indexOf("realaudio")==-1) {
txt+="PLUGINSPAGE=\"http://www.microsoft.ru/isapi/redir.dll?prd=windows&sbp=mediaplayer&ar=Media&sba=Plugin\" ";
}
txt+="WIDTH=\"" + largeur + "\" HEIGHT=\"" + hauteur + "\" ";
txt+="HIDDEN=\"false\" ALIGN=\"middle\" ";
if (auto) { txt+="AUTOSTART=\"true\" AUTOPLAY=\"true\" "; }
else { txt+="AUTOSTART=\"false\" AUTOPLAY=\"false\" "; }
txt+="CONTROLLER=\"true\" CONSOLE=\"" + id + "\" ";
if (typeMIME(url).indexOf("realaudio")!=-1) {
txt+="CONTROLS=\"ControlPanel\">";
} else {
txt+="CONTROLS=\"console\">";
}
txt+="</OBJECT>";
return(txt);
} // fin insererAudio(id, url, auto, largeur, hauteur) // insere une animation Flash function insererFlash(id, url, largeur, hauteur) {
if ((!url) || (url=="")) { return false; }
if ((isNaN(largeur)) || (parseInt(largeur)<1)) { largeur=300; }
if ((isNaN(hauteur)) || (parseInt(hauteur)<1)) { hauteur=225; }
var txt;
txt=medias_baliseObject(id, url, true, largeur, hauteur, "");
txt+="<EMBED NAME=\"" + id + "\" SRC=\"" + url + "\" QUALITY=\"high\" ";
txt+="TYPE=\"" + typeMIME(url) + "\" ";
txt+="PLUGINSPAGE=\"http://www.macromedia.ru/go/getflashplayer\" ";
txt+="WIDTH=\"" + largeur + "\" HEIGHT=\"" + hauteur + "\" ";
txt+="HIDDEN=\"false\" ALIGN=\"middle\" ";
txt+="AUTOSTART=\"true\" AUTOPLAY=\"true\" ";
txt+="CONTROLLER=\"false\" CONSOLE=\"" + id + "\" CONTROLS=\"\">";
txt+="</OBJECT>";
return(txt);
} // fin insererFlash(id, url, largeur, hauteur) // insere un media video function insererVideo(id, url, auto, largeur, hauteur) {
if ((!url) || (url=="")) { return false; }
if (!auto) { auto=false; }
if ((isNaN(largeur)) || (parseInt(largeur)<1)) { largeur=300; }
if ((isNaN(hauteur)) || (parseInt(hauteur)<1)) { hauteur=270; }
var txt;
if (typeMIME(url).indexOf("realaudio")!=-1) {
txt=medias_baliseObject(id, url, auto, largeur, hauteur, "ImageWindow,ControlPanel");
} else {
txt=medias_baliseObject(id, url, auto, largeur, hauteur, "console");
}
txt+="<EMBED NAME=\"" + id + "\" SRC=\"" + url + "\" ";
txt+="TYPE=\"" + typeMIME(url) + "\" MASTERSOUND ";
if (typeMIME(url).indexOf("quicktime")!=-1) {
txt+="PLUGINSPAGE=\"http://www.apple.ru/quicktime/download/\" ";
} else if (typeMIME(url).indexOf("realaudio")==-1) {
txt+="PLUGINSPAGE=\"http://www.microsoft.ru/isapi/redir.dll?prd=windows&sbp=mediaplayer&ar=Media&sba=Plugin\" ";
}
txt+="WIDTH=\"" + largeur + "\" HEIGHT=\"" + hauteur + "\" ";
txt+="HIDDEN=\"false\" ALIGN=\"middle\" ";
if (auto) { txt+="AUTOSTART=\"true\" AUTOPLAY=\"true\" "; }
else { txt+="AUTOSTART=\"false\" AUTOPLAY=\"false\" "; }
txt+="CONTROLLER=\"true\" CONSOLE=\"" + id + "\" ";
if (typeMIME(url).indexOf("realaudio")!=-1) {
txt+="CONTROLS=\"ImageWindow,ControlPanel\">";
} else {
txt+="CONTROLS=\"console\">";
}
txt+="</OBJECT>";
return(txt);
} // fin insererVideo(id, url, auto, largeur, hauteur) // retourne le type MIME du fichier d"URL specifiee function typeMIME(url) {
if ((!url) || (url=="")) { return ("inconnu"); }
var xts;
var tab;
if (url.indexOf("?") > 0)
xts = url.substring(0, url.indexOf("?"));
else
xts = url;
xts = (xts.substring(xts.lastIndexOf(".")+1)).toLowerCase();
if (xts.indexOf(" ")!=-1)
xts=xts.substring(0, xts.indexOf(" "));
for(var i=0; i<medias_ext.length; i++) {
tab=medias_ext[i].split(",");
for(var j=0; j<tab.length; j++) {
if (tab[j]==xts) return (medias_mim[i]);
}
}
return ("application/octet-stream");
} // fin typeMIME(url)
</SCRIPT> </HEAD> <BODY>
JsLib 1.3
<H2>Exemple - medias.js
<NOSCRIPT>
Erreur : votre navigateur ne reconnait pas le Javascript ou est configuré pour ne pas prendre en compte le code Javascript. Dans ce dernier cas, vous pouvez modifier la configuration dans les préférences/options de votre navigateur.
</NOSCRIPT> <P>Déterminer le type MIME d"un fichier :
<FORM ACTION="GET" NAME="f1" onSubmit="return false"> <INPUT NAME="t1" TYPE="text" VALUE=""> <INPUT NAME="b1" TYPE="button" VALUE="Type MIME" onClick="alert(typeMIME(document.f1.t1.value));"> </FORM> <P>Insertion d"un média audio Midi (lecture automatique) :
<SCRIPT TYPE="text/javascript" LANGUAGE="Javascript"> document.write(insererAudio("aud1", "./extra/jazz.mid", true));</SCRIPT> Sur un air de jazz... <P>Insertion d"un média audio MP3 :
<SCRIPT TYPE="text/javascript" LANGUAGE="Javascript"> document.write(insererAudio("aud2", "./extra/20th.mp3"));</SCRIPT> Cinéma, cinéma ! <P>Insertion d"un média vidéo MPEG (lecture automatique) :
<SCRIPT TYPE="text/javascript" LANGUAGE="Javascript"> document.write(insererVideo("vid1", "./extra/pluton.mpeg", true, 200, 195));</SCRIPT> Pluton photographiée par le satellite Hubble <P>Insertion d"une animation Flash :
<SCRIPT TYPE="text/javascript" LANGUAGE="Javascript"> document.write(insererFlash("flash1", "./extra/flash.swf", 500, 350));</SCRIPT> Introduction à la technologie Flash </BODY>
</HTML>
</source><A href="http://www.wbex.ru/Code/JavaScriptDownload/extra.zip">extra.zip( 182 k)</a>
