Image map met url en sound

  • Onderwerp starter Onderwerp starter hanna
  • Startdatum Startdatum
Status
Niet open voor verdere reacties.
hanna

hanna

Gebruiker
Lid geworden
8 sep 2000
Berichten
966
Ik heb een imagemap gewoon in html met veel hotspots, die allemaal een url hebben naar een nieuwe andere pagina.

Nou wil ik dat er een geluidje afspeelt zo gauw ze op een van de hotspots klikken maar dat het ook afspeelt (een paar seconden is dat)als de nieuwe pagina gaat openen en niet dat het geluid plotseling afgebroken wordt.

Aan iedere hotspot zit een andere url met (als dat gaat lukken) weer een ander geluidje. het wordt altijd _blank geopend. In html lukt dit dus niet. In html5 kan ik er niets over vinden en javascript weet ik niet genoeg van.

Ik had dit oorspronkelijk in Flash, maar i.v.m. Apple wil ik het nu wel voor alles werkend hebben.

Wie o wie, heeft voor mij een oplossing?

Bedankt alvast.
 
Ik ben nog geen expert, maar aangezien niemand reageert besluit ik toch om je richting een goed pad te sturen.

Met de HTML-tag <audio> kun je gemakkelijk een deuntje afspelen,(om deze af te spelen bij 'klik' zal je wel javascript nodig hebben en ik hoop dat een moderator je hiermee kan helpen)
Om het deuntje op de nieuwe pagina ook nog te horen, lijkt het mij handig om één pagina te hebben en de inhoud daarvan aan te passen, misschien met "include" of <iframe>.

Ik hoop dat het een beetje duidelijk is en dat een moderator hierop verder kan.
gast0140
 
Het is duidelijk dat je niet begrijpt wat ik bedoel.
 
Misschien moet je dan wat duidelijker zijn, wellicht met afbeeldingen of je flashsite zodat het beter te begrijpen is.
 
Nou dit heb ik allemaal geprobeerd maar werkt niet.
De bovenste 3 area's zijn zonder url, maar daar doet het geluid het ook niet, de laatste, zo moet het eigenlijk zijn, die werkt ook niet.
De url's is geen probleem, maar onclick moet er een kort geluidje klinken.

PHP: 
<head>
<title>Image Map and Sound Demo</title>
<script type="text/javascript">
<!--
function playit( url )
{
    var hs = document.getElementById("hidesound");
    hs.innerHTML = '<embed src="' + url + '" hidden="true" autostart="true" loop="false" />';
}

function MM_controlSound(x, _sndObj, sndFile) { //v3.0
  var i, method = "", sndObj = eval(_sndObj);
  if (sndObj != null) {
    if (navigator.appName == 'Netscape') method = "play";
    else {
      if (window.MM_WMP == null) {
        window.MM_WMP = false;
        for(i in sndObj) if (i == "ActiveMovie") {
          window.MM_WMP = true; break;
      } }
      if (window.MM_WMP) method = "play";
      else if (sndObj.FileName) method = "run";
  } }
  if (method) eval(_sndObj+"."+method+"()");
  else window.location = sndFile;
}
//-->
</script>
</head>
<body>
<div> <img src="images/Catwalk.jpg" usemap="#theMap" alt="Catwalk of Fame" />
    <map name="theMap">
      <area shape="circle" coords="89,172,75"  href="Kikker.wav" onClick="playit(this.href); return false;" />
      <area shape="circle" coords="385,250,50"  href="applause.wav" onClick="playit(this.href); return false;" />
      <area shape="rect" coords="-1,283,549,563" href="fanfare1.mid"    onclick="playit(this.href); return false;" />
      <area shape="circle" coords="72,658,23" href="http://www.google.nl" onClick="MM_controlSound('play','document.CS1370598395621','boottoeter-annie.wav')">
    </map>
</div>
<span id="hidesound"></span>
<EMBED NAME='CS1370598395621' SRC='boottoeter-annie.wav' LOOP=false 
AUTOSTART=false MASTERSOUND HIDDEN=true WIDTH=0 HEIGHT=0></EMBED>
</body>
</html>
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan