有没有办法使用HTML为任何音频文件创建音频播放器?

时间:2016-08-18 12:45:04

标签: javascript html

我正在使用简单HTML寻找音频播放器 有没有办法使用HTML为任何音频文件创建音频播放器。播放器还必须为相应的音频文件生成移动波形? 这是移动波形 enter image description here

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <title id='title'>HTML Page setup Tutorial</title> 
        <script src='riffwave.js'></script>

        <script type="text/javascript">

    function myFunction()
    {
    var data = []; // just an array
for (var i=0; i<10000; i++) data[i] = /*Math.round(255 * Math.random())*/i; // fill data with random samples
var wave = new RIFFWAVE(data); // create the wave file
var audio = new Audio(wave.dataURI); // create the HTML5 audio element
audio.play();


    }
    </script>
    </head>
<body>

<button type="button" onclick="myFunction()">Click Me!</button>
</body>
</html>

1 个答案:

答案 0 :(得分:1)

你可以使用html5音频控件

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