Tananyag választó:
Javascript példatár
Jegyzet szerkesztése:
MIDI-lejátszó és időmérés stopperrel
Eszköztár:

Példa: MIDI-lejátszó

<script language="JavaScript">
songNum = new Array();
songNum[0] = "#";
songNum[1] = "01.mid";
…
var zene = null;
var szam = 0;
var ver = navigator.appName;
function audioEllenoriz(plugName) {
for (var i = 0; i < navigator.plugins.length; i++) {
if (navigator.plugins[i].name.toLowerCase() == plugName.toLowerCase()) {
for (var j = 0; j < navigator.plugins[i].length; j++) {
if (navigator.plugins[i][j].enabledPlugin) {
return true;
}
}
return false;
}
}
return false;
}
…
</script>
</head>
<body>
<center>
<form name="valaszt">
<select size="1" name="szam" onChange="valasztZene(this);">
<option value="0">Válasszon egy Bach-remekművet!</option>
…
</select>
<input type="button" onMouseDown="valasztZene(document.valaszt.szam)" value=" Lejátszás ">
</form>
<script language="JavaScript">
var ver = navigator.appName;
if (ver == "Microsoft Internet Explorer") {
document.write('<bgsound src="#" ID="zene" loop="1" AUTOSTART="true">');
} else {
document.write('<embed type="audio/midi" src="02.mid" autostart="false" hidden="true" volume="90" name="zeneForras" mastersound></embed>');
}
</script>

MIDI-lejátszó

A MIDI lejátszó példa jelentése: olyan kód, melynek segítségével multimédiás felületünk lesz, azaz hanghatások és interaktív zenék is kerülnek a weblapunkra.

Elemzés: MIDI-lejátszó

A MIDI-lejátszó esetén egy lenyíló listából adunk választási lehetőséget, azaz hogy a felhasználó milyen zeneszámot akar meghallgatni. A példában a zeneszámok MIDI formátumúak, de természetesen más állománytípusokat is felhasználhatunk. A kiválasztást kezelő függvényt a lenyíló lista egyik elemére való kattintással, illetve a nyomógombbal történő kattintás hívhatja meg.

MIDI-lejátszó használata

A MIDI-lejátszó használata nagyon egyszerű. A lapon középen elhelyezett lenyíló listából tudunk választani. A kiválasztás után rákattintva a Lejátszás nevű gombra, a zeneszám lejátszása elindul. Bármikor megszakíthatjuk a lejátszást, ill. választhatunk másik zenei művet.

Példa: időmérés stopperrel

<html>
<head>
<title>
Időmérés stopperrel
</title>
<script language="JavaScript">
var ms = 0;
var allapot = 0;
function startStop() {
if (allapot == 0) {
allapot = 1;
then = new Date();
then.setTime(then.getTime() - ms);
} else {
allapot = 0;
now = new Date();
ms = now.getTime() - then.getTime();
document.stopper.ido.value = ms;
}
}
function kinullaz() {
allapot = 0;
ms = 0;
document.stopper.ido.value = ms;
}
function kijelez() {
setTimeout("kijelez();", 50);
if (allapot == 1) {
now = new Date();
ms = now.getTime() - then.getTime();
document.stopper.ido.value = ms;
}
}
</script>
</head>
<body onLoad="kijelez()">
<center>
<form name="stopper">
Idő:
<input type="text" name="ido">
<input type="button" name="ssgomb" value="Start/Stop" onClick="startStop()">
<input type="button" name="reset" value="Kinulláz" onClick="kinullaz()">
</form>
</center>
</body>
</html>

Elemzés: időmérés stopperrel

A példa egy egyszerű stopperórát valósít meg. Mely elindítható, leállítható, újraindítható és kinullázható. A kódban felhasználásra kerülnek a Date objektum tulajdonságai és metódusai, melyek segítségével a kijelzés másodperc alapú lesz.

Stopper

A stopper példa jelentése: olyan webes felület, mely időmérésre alkalmas, azaz stopperként működtethető.

Időmérés stopperrel használata

A stopper használata nagyon egyszerű. A számlálás indításához nyomjuk meg a Start/Stop gombot. A lapon látható beviteli mezőben ennek hatására elindul a számlálás másodpercekben. Ha bármikor ismét megnyomjuk a Start/Stop gombot, a számlálás leáll. A mező lenullázható a Kinulláz feliratú gombbal.

Kapcsolódó animációk

Példa bemutatása
Példa bemutatása