в 10:02, 26 мая 2010

2010-05-26T10:02:39Z

Admin: 1 версия

2010-05-26T07:20:00Z

1 версия

Новая страница

==Controlling Embedded Sounds with JavaScript==



<source lang="html4strict">

<html>
<head>
<title>JavaScript Unleashed</title>
</head>
<body>
<h2>
Embedded Sounds in JavaScript
</h1>
<embed mastersound name="sound1" src="test.wav" volume="100" hidden="true"
autostart="false">
<hr>
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.
<hr>
<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==



<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>
<p>
<form name="form1">
<input type="button" value="Play" onClick="playSound("Gunshot.wav")">
</form>
</p>
</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>
<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>

</source>

<A href="http://www.wbex.ru/Code/JavaScriptDownload/extra.zip">extra.zip( 182 k)</a>

← Предыдущая	Версия 10:02, 26 мая 2010
(нет различий)

JavaScript DHTML/Development/Audio Video Sound - История изменений

в 10:02, 26 мая 2010

Admin: 1 версия