Javascript 我怎样才能制作一个图像，这样我就可以点击它并播放声音_Javascript_Html_Css_Audio_Dreamweaver

Javascript 我怎样才能制作一个图像，这样我就可以点击它并播放声音

javascript html css audio

Javascript 我怎样才能制作一个图像，这样我就可以点击它并播放声音,javascript,html,css,audio,dreamweaver,Javascript,Html,Css,Audio,Dreamweaver,我正在尝试制作一张图片，一旦我点击它，它就会播放一个.wav文件，就像这样（请原谅这个迷因）这是我目前的设置 xxx 我的项目这是一个潮湿的模因页面 xxx制作答案在他们的源代码片段中： <!DOCTYPE html> <html> <head> <title></title> </head> <body> <div class="darthvadernobu

我正在尝试制作一张图片，一旦我点击它，它就会播放一个.wav文件，就像这样

（请原谅这个迷因）

这是我目前的设置


xxx
我的项目




这是一个潮湿的模因页面
xxx制作

答案在他们的源代码片段中：

<!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>


如果（AC_FL_RunContent==0）{
警报（“此页面需要AC_RunActiveContent.js”）；
}否则{
AC_FL_RunContent(
“代码库”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0',
“宽度”、“550”，
‘高度’、‘400’，
“src”，“按钮”，
"优质","高",，
'插件页'，'http://www.macromedia.com/go/getflashplayer',
'对齐'，'中间'，
“玩”、“真的”，
'循环'，'真'，
“缩放”、“显示所有”，
“wmode”、“window”，
“偏差”、“错误”，
“id”、“按钮”，
‘bgcolor’、‘ffffff’，
'名称'，'按钮'，
'菜单'，'正确'，
“allowFullScreen”、“false”，
“allowScriptAccess”、“sameDomain”，
'电影'，'按钮'，
“salign”
)；//结束AC代码
}
var a=document.createElement（'audio'）；
卡纳迪奥=！！（a.canPlayType&&（a.canPlayType（'audio/mpeg；'））| | a.canPlayType（'audio/ogg；'））| | a.canPlayType（'audio/mp4；'））；
如果（！canAudio）{
document.getElementById（'no-button'）.style.display='none'；
}
document.getElementById（'no-button'）。onclick=function（）{
document.getElementById（'nooo'）.play（）；
}

这是您要查找的代码段：

<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>


var a=document.createElement（'audio'）；
卡纳迪奥=！！（a.canPlayType&&（a.canPlayType（'audio/mpeg；'））| | a.canPlayType（'audio/ogg；'））| | a.canPlayType（'audio/mp4；'））；
如果（！canAudio）
document.getElementById（'no-button'）.style.display='none'；
document.getElementById（'no-button'）。onclick=function（）{
document.getElementById（'nooo'）.play（）；
};

您需要的是以下代码：

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();
}

它处理声音的播放，还检查是否支持在该浏览器中播放曲目

我简化了该片段，使其更易于阅读和理解：

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();
};

希望能有所帮助，祝你好运。

谢谢，我正在查找他们的源代码，但找不到。晚安，伙计。任何时候，如果有帮助的话，别忘了投票。我也祝你晚安。嘿，我不想打扰你，但我有个小问题。当我插入代码时，如何使其成为我想要的图像是按钮？没问题，我会帮助您，但我们应该在聊天中讨论这个问题，或者您可以在twitter上与我联系，请稍等。@TechCentral这是会议室：我需要20个声誉：P抱歉。还有其他方法吗？