用javascript / html制作音频文件

Question

我正在尝试播放.ogg文件，我也将其转换为.mp3文件

<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <link rel="stylesheet" type="text/css" href="stylesheet.css"/>
        <script type="text/javascript" src="script.js"></script>
    </head>
    <body>


<body onclick = "playSound('file:///C:/Users/Rehaan/Downloads/myfirstrecording%20(3).ogg');">

  <p id = "sound">
  </p>
  Click here to play the sound!
    </body>
</html>

这是java脚本文件，

function playSound( url ){   
  document.getElementById("sound").innerHTML="<embed src='"+url+"' hidden=true autostart=true loop=false>";
}

Answer 1

我建议使用HTML5音频标签。

      <audio id="audio_samples" src="mymp3audiofile.mp3" controls></audio>

音频标签支持mp3，ogg和wav音频文件。

此外，这里有Javascript音频控制功能，你可能会觉得有用：

      <script type="text/javascript">
        var audio = document.getElementById("audio_samples");


        function playAudio() {
            audio.play();    
        }

        function pauseAudio() {
            audio.pause();    
        }

        function restartAudio() {
            audio.load(); 
            audio.play();
        }

        function louder() {
            audio.volume += 0.1;
        }

        function softer() {
            audio.volume -= 0.1;
        }
      </script>

      <button onclick="playAudio()">Play</button>
      <button onclick="pauseAudio()">Pause</button>
      <button onclick="restartAudio()">Restart</button>
      <button onclick="louder()">Louder</button>
      <button onclick="softer()">Softer</button>

我希望这有帮助！

Answer 2

您可以使用<audio> HTML5标签。 它可以播放.mp3，.ogg，.wav格式。 这是我从w3schools获得的一个例子。

<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
  Your browser does not support the audio tag.
</audio>

用javascript / html制作音频文件

问题描述

2 个解决方案

解决方案1
2 已采纳 2014-02-19 19:57:16

解决方案2
1 2014-02-19 19:08:31

用javascript / html制作音频文件

问题描述

2 个解决方案

解决方案1 2 已采纳 2014-02-19 19:57:16

解决方案2 1 2014-02-19 19:08:31

解决方案1
2 已采纳 2014-02-19 19:57:16

解决方案2
1 2014-02-19 19:08:31