sound-button in html

Dillinger · 14.09.2001, 06:15

Hallo Weblinge!
Ich brauche in einer Webseite einen Button der Sound (mid/wav) per Klick an- bzw aus-schaltet!
Kann mir wer ein Beispiel geben bzw Links auf Beispiele posten?
Es sollte sowohl unter IE als auch NS funktionieren
Vielen Dank, Dilli.nger

snowman · 14.09.2001, 21:03

anschalten ist kein problem, ausschalten wird nur über flash funktionieren.

infos zu sound in html-pages:
http://www.htmlgoodies.com/tutors/embed.html

gruss,
snowman

ps.: überlege dir wirklich gut, ob du deine besucher mit sound nerven willst.

RaistlinMajere · 15.09.2001, 19:33

überleg dir das, sound kommt nicht immer besonders gut bei den surfern an.
anyway, sollest du es doch nicht bleiben lassen wollen, dann rate ich dir, daß du 2 links erstellst und die anker mit einem funktionsaufruf in js versiehst (das ganze geht rein mit html und js gut, flash ist dazu ned notwendig, hab sowas schon gemacht, aber die reaktionen waren ned unbedingt alle positiv, also nochmals, überleg, ob du das wirklich willst). die funktion soll in einen unsichtbaren layer, den du vorher in html definiert hast (muß nur 1x1px groß sein) HTML-quelltext reinschreiben, für den fall, daß du musi hören willst, also
fürn ie, ns6 und modzilla:

document.getElementById("musiklayer").innerHTML="< html><body><embed SRC='music.wav' hidden='true' volume='100' loop='true'></body></html>";

und für ns4x:

document.layers["musiklayer"].innerHTML="<html><body><embed SRC='music.wav' hidden='true' volume='100' loop='true'></body></html>";

wiest einen solchen layer erstellst, weißt vielleicht schon, wenn nicht:

<div id="musiklayer" style="position:absolute; left:-20px; top:-20px; width:1px; height:1px; visibility:hidden;"></div>

wennst nix hören willst, schreibst einfach
<html><body></body></html> in den layer rein und die gschicht hat sich.

sollte dich das ganze in der praxis interessieren, so verweise ich auf meine schon total vergammelte hp. sieh dir dort mal die navi an, ich habe die musik per pulldownmenu gesteuert, funzt nur fürn ie, weil ich damals zu faul war, fürn ns auch zu programmieren. aber das prinzip sollte dir nun, spätestens, wennst den qt von dort siehst, klar sein. wenns noch fragen gibt, nur zu.

Dillinger · 17.09.2001, 02:34

Vielen Dank!

will nicht nerven mit sound, daher soll der knopf ja auch zum AUSschalten geeignet sein

@raistlin: bravo! funzt super!

jetzt brauch ich nur mehr entsprechenden code für Netscape

ciao Dilli.nger

RaistlinMajere · 17.09.2001, 10:51

sprichst mit document.layers["name"].innerHTML an, sonst ist da glaube ich nix anders. eventuell könnte es auch sein, da die hierachie bei ns anders als bei ie ist, daß du document.layers["name"].document.innerHTML schreiben mußt, aber das ist nur eine vermutung.

dreamer · 18.09.2001, 08:19

hi, dillinger,

hab mal eine interessante lösung für dein sound-problem in html gesehen - ohne layer.

das ganze kannst du ganz einfach mit einem frameset umsetzten.

<frameset rows="1,*>....

für den 1px-frame erstellst du zwei seiten - die eine mit hintergrundmusik (zb.: mitsound.htm), die andere ohne (zb.: ohnesound.htm). dann erstellst du im hauptframe zwei buttons/links, die dann die 1px-frame-seiten austauschen.
sound on = sound on
sound off = sound off

halbwegs verständlich - müsste so hinhauen

.

cu - the dreamer

RaistlinMajere · 18.09.2001, 09:39

das ist zwar auch eine lösung (du müßtest dann aber im frameset noch die frameborder deaktivieren, damit man den 1px-frame ned sieht), aber 1. ist sie ziemlich unprofessionell, weil du 3 zusätzliche (frameset, musik-html, nichtmusik-html) html-files brauchst und 2. hat sie einen gewaltigen bug (darum hab ich mir das mit dem layer überlegt, hatte vorher auf meiner hp auch einen unsichtbaren frame, also deine lösung). wenn man nämlich die musik einschaltet, somit das musik-html in den unsichtbaren frame geladen wird und man danach auf den "back"-button des browsers klickt, kommt man nicht wirklich dorthin zurück, wo man vorher im sichtbaren frame war, weil statt dessen das musik-html aus dem unsichtbaren frame rausgeladen und das vorherige nichtmusik-html dort wieder reingeladen wird. somit müßte man 2x auf "back" klicken, damit man wirklich dorthin kommt, wo man im eigentlichen, sichtbaren frame zuvor gewesen ist, denn erst beim 2. mal wird der schritt VOR dem reinladen des musik-htmls in den unsichtbaren frames rückgängig gemacht, dem surfer fällt der unsichtbare frame aber nicht auf, er wird sich nur ärgern, weil der "back"-button nicht gleich das zur folge hat, was er sich erwartet (das gilt übrigens natürlich auch für alle händisch eingefügten "back-buttons", die mit "javascript:history.back()" versehen wurden). ich rate also dringend von dieser lösung ab!

dreamer · 18.09.2001, 10:55

@RaistlinMajere

das ist ein argument, das lass ich mir einreden. hab die frameset-lösung selbst noch nie angewandt, daher auch keinen praktischen erfahrungen.

danke für die aufklärung, hatte ich nicht bedacht.

ich vermeide überhaupt hintergrundmusik (ausser in flash-movies), find ich sehr nervend (ladezeit).

cu - the dreamer

RaistlinMajere · 18.09.2001, 13:24

sind ned amal so schlimm, kommt halt drauf an, welches musikformat du verwendest, aber es lassen sich mit audioproggis sogar waves auf ein maß komprimieren, das zum downloaden zumutbar ist und sich ned amal so schlecht anhört.
dasses nervt, ist halt eine andere angelegenheit, darum würde ich, wenn ich schon sound auf einer hp einbinde, unbedingt die möglichkeit bieten, diesen abzuschalten.

snowman · 18.09.2001, 14:36

mittels javascript gibt es eine lösung, dass man auch mit frames wieder auf die richtige seite zurückkommt.

stimme aber grundsätzlich trotzdem mit raistlin überein.

gruss,
snowman

14.09.2001, 06:15	#1
Dillinger Veteran Registriert seit: 09.07.2000 Ort: wien Beiträge: 275	sound-button in html Hallo Weblinge! Ich brauche in einer Webseite einen Button der Sound (mid/wav) per Klick an- bzw aus-schaltet! Kann mir wer ein Beispiel geben bzw Links auf Beispiele posten? Es sollte sowohl unter IE als auch NS funktionieren Vielen Dank, Dilli.nger ____________________________________ 2 pi or not 2 pi

14.09.2001, 21:03	#2
snowman Inventar Registriert seit: 26.09.1999 Beiträge: 2.569	anschalten ist kein problem, ausschalten wird nur über flash funktionieren. infos zu sound in html-pages: http://www.htmlgoodies.com/tutors/embed.html gruss, snowman ps.: überlege dir wirklich gut, ob du deine besucher mit sound nerven willst. ____________________________________ MediaMarkt? Ich bin doch nicht blöd, Mann! Vorsprung durch Technik Lesen Sie keine Anleitungen, FAQs, Readme - Files. Reine Zeitverschwendung. In den Newsgroups und Foren gibt es genug kompetente Leute, die mit großer Geduld immer wieder dieselben einfachen Fragen beantworten. Völlig kostenlos noch dazu!

15.09.2001, 19:33	#3
RaistlinMajere Inventar Registriert seit: 06.04.2001 Alter: 44 Beiträge: 2.343	gebe snow recht überleg dir das, sound kommt nicht immer besonders gut bei den surfern an. anyway, sollest du es doch nicht bleiben lassen wollen, dann rate ich dir, daß du 2 links erstellst und die anker mit einem funktionsaufruf in js versiehst (das ganze geht rein mit html und js gut, flash ist dazu ned notwendig, hab sowas schon gemacht, aber die reaktionen waren ned unbedingt alle positiv, also nochmals, überleg, ob du das wirklich willst). die funktion soll in einen unsichtbaren layer, den du vorher in html definiert hast (muß nur 1x1px groß sein) HTML-quelltext reinschreiben, für den fall, daß du musi hören willst, also fürn ie, ns6 und modzilla: document.getElementById("musiklayer").innerHTML="< html><body><embed SRC='music.wav' hidden='true' volume='100' loop='true'></body></html>"; und für ns4x: document.layers["musiklayer"].innerHTML="<html><body><embed SRC='music.wav' hidden='true' volume='100' loop='true'></body></html>"; wiest einen solchen layer erstellst, weißt vielleicht schon, wenn nicht: <div id="musiklayer" style="position:absolute; left:-20px; top:-20px; width:1px; height:1px; visibility:hidden;"></div> wennst nix hören willst, schreibst einfach <html><body></body></html> in den layer rein und die gschicht hat sich. sollte dich das ganze in der praxis interessieren, so verweise ich auf meine schon total vergammelte hp. sieh dir dort mal die navi an, ich habe die musik per pulldownmenu gesteuert, funzt nur fürn ie, weil ich damals zu faul war, fürn ns auch zu programmieren. aber das prinzip sollte dir nun, spätestens, wennst den qt von dort siehst, klar sein. wenns noch fragen gibt, nur zu. ____________________________________ "Life is like a box of rockets," said the Marine. "You never know what you´re gonna ret." Then he pulled the trigger of his BFG9000.

17.09.2001, 02:34	#4
Dillinger Veteran Registriert seit: 09.07.2000 Ort: wien Beiträge: 275	Vielen Dank! will nicht nerven mit sound, daher soll der knopf ja auch zum AUSschalten geeignet sein @raistlin: bravo! funzt super! jetzt brauch ich nur mehr entsprechenden code für Netscape ciao Dilli.nger ____________________________________ 2 pi or not 2 pi

17.09.2001, 10:51	#5
RaistlinMajere Inventar Registriert seit: 06.04.2001 Alter: 44 Beiträge: 2.343	ns-layer sprichst mit document.layers["name"].innerHTML an, sonst ist da glaube ich nix anders. eventuell könnte es auch sein, da die hierachie bei ns anders als bei ie ist, daß du document.layers["name"].document.innerHTML schreiben mußt, aber das ist nur eine vermutung. ____________________________________ "Life is like a box of rockets," said the Marine. "You never know what you´re gonna ret." Then he pulled the trigger of his BFG9000.

18.09.2001, 08:19	#6
dreamer Veteran Registriert seit: 05.06.2001 Alter: 51 Beiträge: 259	hi, dillinger, hab mal eine interessante lösung für dein sound-problem in html gesehen - ohne layer. das ganze kannst du ganz einfach mit einem frameset umsetzten. <frameset rows="1,*>.... für den 1px-frame erstellst du zwei seiten - die eine mit hintergrundmusik (zb.: mitsound.htm), die andere ohne (zb.: ohnesound.htm). dann erstellst du im hauptframe zwei buttons/links, die dann die 1px-frame-seiten austauschen. sound on = sound on sound off = sound off halbwegs verständlich - müsste so hinhauen . cu - the dreamer

18.09.2001, 09:39	#7
RaistlinMajere Inventar Registriert seit: 06.04.2001 Alter: 44 Beiträge: 2.343	@dreamer das ist zwar auch eine lösung (du müßtest dann aber im frameset noch die frameborder deaktivieren, damit man den 1px-frame ned sieht), aber 1. ist sie ziemlich unprofessionell, weil du 3 zusätzliche (frameset, musik-html, nichtmusik-html) html-files brauchst und 2. hat sie einen gewaltigen bug (darum hab ich mir das mit dem layer überlegt, hatte vorher auf meiner hp auch einen unsichtbaren frame, also deine lösung). wenn man nämlich die musik einschaltet, somit das musik-html in den unsichtbaren frame geladen wird und man danach auf den "back"-button des browsers klickt, kommt man nicht wirklich dorthin zurück, wo man vorher im sichtbaren frame war, weil statt dessen das musik-html aus dem unsichtbaren frame rausgeladen und das vorherige nichtmusik-html dort wieder reingeladen wird. somit müßte man 2x auf "back" klicken, damit man wirklich dorthin kommt, wo man im eigentlichen, sichtbaren frame zuvor gewesen ist, denn erst beim 2. mal wird der schritt VOR dem reinladen des musik-htmls in den unsichtbaren frames rückgängig gemacht, dem surfer fällt der unsichtbare frame aber nicht auf, er wird sich nur ärgern, weil der "back"-button nicht gleich das zur folge hat, was er sich erwartet (das gilt übrigens natürlich auch für alle händisch eingefügten "back-buttons", die mit "javascript:history.back()" versehen wurden). ich rate also dringend von dieser lösung ab! ____________________________________ "Life is like a box of rockets," said the Marine. "You never know what you´re gonna ret." Then he pulled the trigger of his BFG9000.

18.09.2001, 10:55	#8
dreamer Veteran Registriert seit: 05.06.2001 Alter: 51 Beiträge: 259	@RaistlinMajere das ist ein argument, das lass ich mir einreden. hab die frameset-lösung selbst noch nie angewandt, daher auch keinen praktischen erfahrungen. danke für die aufklärung, hatte ich nicht bedacht. ich vermeide überhaupt hintergrundmusik (ausser in flash-movies), find ich sehr nervend (ladezeit). cu - the dreamer

18.09.2001, 13:24	#9
RaistlinMajere Inventar Registriert seit: 06.04.2001 Alter: 44 Beiträge: 2.343	ladezeiten sind ned amal so schlimm, kommt halt drauf an, welches musikformat du verwendest, aber es lassen sich mit audioproggis sogar waves auf ein maß komprimieren, das zum downloaden zumutbar ist und sich ned amal so schlecht anhört. dasses nervt, ist halt eine andere angelegenheit, darum würde ich, wenn ich schon sound auf einer hp einbinde, unbedingt die möglichkeit bieten, diesen abzuschalten. ____________________________________ "Life is like a box of rockets," said the Marine. "You never know what you´re gonna ret." Then he pulled the trigger of his BFG9000.

18.09.2001, 14:36	#10
snowman Inventar Registriert seit: 26.09.1999 Beiträge: 2.569	mittels javascript gibt es eine lösung, dass man auch mit frames wieder auf die richtige seite zurückkommt. stimme aber grundsätzlich trotzdem mit raistlin überein. gruss, snowman ____________________________________ MediaMarkt? Ich bin doch nicht blöd, Mann! Vorsprung durch Technik Lesen Sie keine Anleitungen, FAQs, Readme - Files. Reine Zeitverschwendung. In den Newsgroups und Foren gibt es genug kompetente Leute, die mit großer Geduld immer wieder dieselben einfachen Fragen beantworten. Völlig kostenlos noch dazu!

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)