2016-05-27 12 views
1

Ich versuche, ein Bild zu machen, die einmal eine .wav-Datei spielt Ich mag diese http://www.nooooooooooooooo.com/Wie kann ich ein Bild machen, so dass ich darauf klicken und es spielt eine Sound

Art darauf klicken (Bitte das Mem) entschuldigen

Hier ist meine aktuelle Setup

<!doctype html> 
 
<html> 
 
<head> 
 
<title>xxx</title> 
 
<meta charset="utf-8"> 
 
<link href="main.css" rel="stylesheet" type="text/css"> 
 
</head> 
 

 
<body> 
 
<header> 
 
    <nav> 
 
     <h1> My Projects </h1> 
 
     <ul> 
 
      <li><a href="Homepage.html">Home</a></li> 
 
      <li><a href="#">Memes</a></li> 
 
    </ul> 
 
    </nav> 
 
</header> 
 
<main> 
 
    <p>This is a page for Dank Memes.</p> 
 
    <img src="meme1.jpg" width="600" height="420" alt=""/> <img src="meme2.jpg" width="500" height="390" alt=""/> 
 
<img src="meme3.jpg" width="600" height="420" alt=""/> <img src="meme4.jpg" width="600" height="432" alt=""/> 
 
<img src="tupac.png" width="600" height="420" alt=""/> 
 
<script> 
 

 

 

 
</script> 
 
</main>  
 
<footer> 
 
    <p> Made By xxx </p> 
 
</footer> 
 
</body> 
 
</html>

Vielen Dank für jede Hilfe können Sie geben.

Antwort

1

Die Antwort auf diese Schnipsel ihres Quellcodes ist:

<!DOCTYPE html> 
<html> 
    <head> 
    <title></title> 
    </head> 
    <body> 
    <div class="darthvadernobutton"> 
     <audio id="nooo"> 
     <source src="nooo.ogg" type="audio/ogg"> 
     <source src="nooo.mp3" type="audio/mpeg"> 
     <source src="nooo.mp4" type="audio/mp4"> 
     <script language="javascript"> 
      if(AC_FL_RunContent == 0) { 
      alert("This page requires AC_RunActiveContent.js."); 
      } else { 
      AC_FL_RunContent(
      'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0', 
      'width', '550', 
      'height', '400', 
      'src', 'button', 
      'quality', 'high', 
      'pluginspage', 'http://www.macromedia.com/go/getflashplayer', 
      'align', 'middle', 
      'play', 'true', 
      'loop', 'true', 
      'scale', 'showall', 
      'wmode', 'window', 
      'devicefont', 'false', 
      'id', 'button', 
      'bgcolor', '#ffffff', 
      'name', 'button', 
      'menu', 'true', 
      'allowFullScreen', 'false', 
      'allowScriptAccess','sameDomain', 
      'movie', 'button', 
      'salign', '' 
      ); // end AC code 
      } 
     </script> 
     <noscript> 
      <object align="middle" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" height="400" id="button" width="550"> 
      <param name="allowScriptAccess" value="sameDomain"> 
      <param name="allowFullScreen" value="false"> 
      <param name="movie" value="button.swf"> 
      <param name="quality" value="high"> 
      <param name="bgcolor" value="#ffffff"> 
      <embed allowfullscreen="false" height="400" src="button.swf" type="application/x-shockwave-flash" width="550"> 
      </object> 
     </noscript> 
     </audio> 
     <div> 
     <button id="no-button"></button> 
     <script> 
      var a = document.createElement('audio'); 
      canAudio = !!(a.canPlayType && (a.canPlayType('audio/mpeg;') || a.canPlayType('audio/ogg;') || a.canPlayType('audio/mp4;'))); 
      if(!canAudio) { 
      document.getElementById('no-button').style.display = 'none'; 
      } 
      document.getElementById('no-button').onclick = function(){ 
      document.getElementById('nooo').play(); 
      } 
     </script> 
     </div> 
    </div> 
    </body> 
</html> 

Dies ist das Snippet Sie suchen:

<div> 
    <button id="no-button"></button> 
    <script> 
    var a = document.createElement('audio'); 
    canAudio = !!(a.canPlayType && (a.canPlayType('audio/mpeg;') || a.canPlayType('audio/ogg;') || a.canPlayType('audio/mp4;'))); 
    if(!canAudio) 
     document.getElementById('no-button').style.display = 'none'; 
    document.getElementById('no-button').onclick = function(){ 
     document.getElementById('nooo').play(); 
    }; 
    </script> 
</div> 
+1

Dank ich sah in ihrem Quellcode, aber ich konnte es nicht finden. Gute Nacht, Mann. – TechCentral

2

Sie, was Sie suchen, ist dieses Bit des Codes :

Es ist, was die Wiedergabe des Sounds behandelt, es überprüft auch, ob Tracks in diesem bro spielen Wser wird unterstützt.

Ich habe vereinfacht, dass es Code-Schnipsel machen es zu einem leichter zu lesen und zu verstehen:

var audio = document.createElement("audio"); 
canPlayAudio = !!(audio.canPlayType && (audio.canPlayType("audio/mpeg;") || audio.canPlayType("audio/ogg;") || audio.canPlayType("audio/mp4;"))); 
if (!canPlayAudio) { 
    document.getElementById("no-button").style.display = "none"; 
} 
document.getElementById("no-button").onclick = function() { 
    document.getElementById("nooo").play(); 
}; 

Hoffe, es hilft, alles Gute & viel Glück.

+0

Danke auch dir. Gute Nacht. – TechCentral

+0

@TechCentral Anytime, vergessen Sie nicht zu wählen, wenn es geholfen hat. Dir auch eine gute Nacht. –

+0

Hey, ich hasse es zu stören, aber ich habe ein kleines Problem. Wenn ich den Code einfüge, wie ich es mache, damit das Bild, das ich will, der Knopf ist? – TechCentral

Verwandte Themen