我开发了我的第一个Laravel Web应用程序,您可以在www.sharpguitartraining.com上找到该应用程序,它使用gleitz/midi-js-soundfonts CDN中的.mp3文件一次播放一个吉他音符,并且可以正常工作可以在台式机上正常运行,但在iOS和Android设备上完全没有声音。
这是我在网站上播放声音的方式:
<script src="https://cdn.rawgit.com/mudcube/MIDI.js/a8a84257/inc/shim/Base64.js"></script>
<script src="https://cdn.rawgit.com/mudcube/MIDI.js/a8a84257/inc/shim/Base64binary.js"></script>
<script src="https://cdn.rawgit.com/mudcube/MIDI.js/a8a84257/inc/shim/WebAudioAPI.js"></script>
<!-- midi.js package -->
<script src="https://cdn.rawgit.com/mudcube/MIDI.js/a8a84257/js/midi/audioDetect.js"></script>
<script src="https://cdn.rawgit.com/mudcube/MIDI.js/a8a84257/js/midi/gm.js"></script>
<script src="https://cdn.rawgit.com/mudcube/MIDI.js/a8a84257/js/midi/loader.js"></script>
<script src="https://cdn.rawgit.com/mudcube/MIDI.js/a8a84257/js/midi/plugin.audiotag.js"></script>
<script src="https://cdn.rawgit.com/mudcube/MIDI.js/a8a84257/js/midi/plugin.webaudio.js"></script>
<script src="https://cdn.rawgit.com/mudcube/MIDI.js/a8a84257/js/midi/plugin.webmidi.js"></script>
<!-- utils -->
<script src="https://cdn.rawgit.com/mudcube/MIDI.js/a8a84257/js/util/dom_request_xhr.js"></script>
<script src="https://cdn.rawgit.com/mudcube/MIDI.js/a8a84257/js/util/dom_request_script.js"></script>
function playNote_CDN(note, sonido_id, velocity, delay, mensaje) {
var instrument_name = sonido_id ? $('#sonidos')[0].options[sonido_id].text : $('#sonidos')[0].selectedOptions[0].text;
var delay = delay ? delay : 0; // play one note every quarter second
var velocity = velocity ? velocity : 127; // how hard the note hits
var note = note ? note - 1 : 61;
var volumen = $('#volumen').val() / 100 * 127;
MIDI.loadPlugin({
soundfontUrl: "http://gleitz.github.io/midi-js-soundfonts/FluidR3_GM/",
instrument: instrument_name,
onprogress: function(state, progress) {
},
onsuccess: function () {
if (mensaje) {
muestraMensaje("Instrumento " + instrument_name + " cargado.", 3);
}
MIDI.programChange(0, MIDI.GM.byName[instrument_name].number);
MIDI.setVolume(0, volumen);
MIDI.noteOn(0, note, velocity, delay);
MIDI.noteOff(0, note, delay + 1);
}
});
}
我不知道如何进行,因此,我们将不胜感激。
谢谢!
答案 0 :(得分:0)
我没有得到答案,但是我发现了问题所在。我正在呼叫gleitz / midi-js-soundfonts,其CDN位于我网站上的http://协议中,而HTTPS则为https://协议,因此Chrome阻止了该呼叫,因为显然不允许您呼叫不安全的来自安全https网站的http CDN。在Chrome的开发者控制台上,这是明确的。 希望这对其他人有帮助。 干杯!