个人中心
gpt4 book ai didi

javascript - 在 javascript/html 中制作音频文件声音

转载 作者：行者123 更新时间：2023-11-30 12:48:04 26 4
gpt4 key购买 nike

我正在尝试播放一个 .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>";
}

最佳答案

我建议使用 HTML5 音频标签。

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

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>

希望对您有所帮助!

关于javascript - 在 javascript/html 中制作音频文件声音，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21889901/

26 4 0
文章推荐： javascript - 10 秒后隐藏 javascript 消息
文章推荐： c# - 在 gridview C# 中排序
文章推荐： ios - 从主线程中删除 AlamofireImage responseImage
文章推荐： c# - 动态 LINQ 到数据表 : why using hardcode string "it" as DataRow
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com