Mega Code Archive
Inserts an audio or video medium in the current Web page
<![CDATA[
<!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">
<!-- medias.js -->
<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.com/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.com/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.com/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.com/quicktime/download/\" ";
} else if (typeMIME(url).indexOf("realaudio")==-1) {
txt+="PLUGINSPAGE=\"http://www.microsoft.com/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.com/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.com/quicktime/download/\" ";
} else if (typeMIME(url).indexOf("realaudio")==-1) {
txt+="PLUGINSPAGE=\"http://www.microsoft.com/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>
<H1>JsLib 1.3</H1>
<HR>
<H2>Exemple - medias.js</H2>
<NOSCRIPT>
<P><I>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.</I>
<HR>
</NOSCRIPT>
<P>Déterminer le type MIME d'un fichier :<BR>
<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) :<BR>
<SCRIPT TYPE="text/javascript" LANGUAGE="Javascript">
document.write(insererAudio("aud1", "./extra/jazz.mid", true));</SCRIPT>
<I>Sur un air de jazz...</I>
<P>Insertion d'un média audio MP3 :<BR>
<SCRIPT TYPE="text/javascript" LANGUAGE="Javascript">
document.write(insererAudio("aud2", "./extra/20th.mp3"));</SCRIPT>
<I>Cinéma, cinéma !</I>
<P>Insertion d'un média vidéo MPEG (lecture automatique) :<BR>
<SCRIPT TYPE="text/javascript" LANGUAGE="Javascript">
document.write(insererVideo("vid1", "./extra/pluton.mpeg", true, 200, 195));</SCRIPT>
<I>Pluton photographiée par le satellite Hubble</I>
<P>Insertion d'une animation Flash :<BR>
<SCRIPT TYPE="text/javascript" LANGUAGE="Javascript">
document.write(insererFlash("flash1", "./extra/flash.swf", 500, 350));</SCRIPT>
<I>Introduction à la technologie Flash</I>
</BODY>
</HTML>
extra.zip( 182 k)
]]>