midi声音在我的html页面上

时间:2016-08-24 12:39:58

标签: javascript html5 audio midi

我正在我的html页面上工作,我想播放midi声音(.mid),但我不知道该怎么做。有什么方法我可以在页面上播放midi声音。

这是代码,我正在努力。请告诉我需要做的更改

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML Layouts using DIV, SPAN</title>
</head>
<body>
<div style="width:100%">
 <div style="background-color:#b5dcb3; width:100%">
  <center><h1>Sonification</h1></center>
  </div>
 <div style="background-color:#aaa; height:2000px;width:610px;float:left;">
<center><img src="image\so.jpg" alt="Sonification"></center>
<br><br><br><br><br><br><br><br><br><br><br><br><br>
<center><h3>Sound_1</h3></center>
<table style="width:40%">
<tr>
    <td><audio id="player" controls> <source src="audio\final.mid" type="audio/ogg"> <source src="final" type="audio/mpeg">Audio</audio>
    </td>
    <td><audio id="player" controls> <source src="audio\final.mid" type="audio/ogg"> <source src="final" type="audio/mpeg">Audio</audio>
    </td>
 </tr>
 </table>
 </body>
 </html>

1 个答案:

答案 0 :(得分:0)

要播放midi,您必须使用:https://mudcu.be/midi-js/

<audio>元素不支持它。