javascript - 我如何使用 midi.js 和 jasmid.js？-6ren

javascript - 我如何使用 midi.js 和 jasmid.js？

转载作者：行者123 更新时间：2023-11-30 06:52:55

27

4

我正在尝试在 http://mudcu.be/piano/ 上创建彩色钢琴网站的变体。并且我真的很难找到一个很好的工作示例来说明如何解析 MIDI 文件、绘制图形元素和播放 MIDI 音符。

有人知道彩色钢琴网站是如何创建的吗？

我首先只是尝试播放特定的 MIDI 文件 - 但运气不佳。

下面的代码没有做任何事情，也没有显示错误。

<!DOCTYPE html>
<html xmlns = "http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <!-- polyfill -->
        <script src="static/Base64.js" type="text/javascript"></script>
        <script src="static/Base64binary.js" type="text/javascript"></script>
        <script src="static/WebAudioAPI.js" type="text/javascript"></script>
        <!-- midi.js package -->
        <script src="static/audioDetect.js" type="text/javascript"></script>
        <script src="static/gm.js" type="text/javascript"></script>
        <script src="static/loader.js" type="text/javascript"></script>
        <script src="static/player.js" type="text/javascript"></script>
        <script src="static/event.js" type="text/javascript"></script>
        <script src="static/plugin.audiotag.js" type="text/javascript"></script>
        <script src="static/plugin.webaudio.js" type="text/javascript"></script>
        <script src="static/plugin.webmidi.js" type="text/javascript"></script>
        <!-- jasmid just in case-->
        <script src="static/stream.js"></script>
        <script src="static/midifile.js"></script>
        <script src="static/replayer.js"></script>
        <!-- utils -->
        <script src="static/dom_request_xhr.js" type="text/javascript"></script>
        <script src="static/dom_request_script.js" type="text/javascript"></script>
    </head>
    <body>
    <script type="text/javascript">
        window.onload = function () {
        MIDI.loadPlugin({
        soundfontUrl: "static/",
        instrument: "acoustic_grand_piano",
        callback: function() {
            MIDI.Player.loadFile("static/mario.mid", MIDI.Player.start);
            }
        });
    }

    </script>
    </body>
</html>

最佳答案

我今天试用了最新版本。我使用 Linux mint 操作系统。这些示例提供了工作。请注意，这些示例在 loadPlugin 调用中有“onsuccess”而不是“callback”。改变了它并且它起作用了。顺便说一句，我没有完全使用你的文件，因为我的路径不同。我从示例下的 MIDIPlayer.html 中复制了头部部分。此外，如果您在没有网络服务器的文件系统上进行测试，浏览器可能不允许使用 ajax 访问其他文件，例如 midi 文件。 Chrome 会发生这种情况。我用过火狐。调试控制台在原声钢琴 js 中显示语法错误，但看起来它仍然有效。间歇性地，声音不播放，当我打开声音控制台时，我看到这个特定应用程序实例(浏览器)的音量设置为零。我增加它，我可以听到声音。不知道为什么会这样。MIDI.js 的另一个问题似乎是它不支持所有 midi 属性。例如，它无法播放带有歌词的 midi 文件。但是，jasmid 可以处理它。我的代码看起来像:

<!DOCTYPE html>
<html xmlns = "http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <title>MIDI.js - Sequencing in Javascript.</title>
        <!-- midi.js css -->
        <link href="./css/MIDIPlayer.css" rel="stylesheet" type="text/css" />
        <!-- shim -->
        <script src="../inc/shim/Base64.js" type="text/javascript"></script>
        <script src="../inc/shim/Base64binary.js" type="text/javascript"></script>
        <script src="../inc/shim/WebAudioAPI.js" type="text/javascript"></script>
        <script src="../inc/shim/WebMIDIAPI.js" type="text/javascript"></script>
        <!-- jasmid package -->
        <script src="../inc/jasmid/stream.js"></script>
        <script src="../inc/jasmid/midifile.js"></script>
        <script src="../inc/jasmid/replayer.js"></script>
        <!-- midi.js package -->
        <script src="../js/midi/audioDetect.js" type="text/javascript"></script>
        <script src="../js/midi/gm.js" type="text/javascript"></script>
        <script src="../js/midi/loader.js" type="text/javascript"></script>
        <script src="../js/midi/plugin.audiotag.js" type="text/javascript"></script>
        <script src="../js/midi/plugin.webaudio.js" type="text/javascript"></script>
        <script src="../js/midi/plugin.webmidi.js" type="text/javascript"></script>
        <script src="../js/midi/player.js" type="text/javascript"></script>
        <script src="../js/midi/synesthesia.js" type="text/javascript"></script>
        <!-- utils -->
        <script src="../js/util/dom_request_xhr.js" type="text/javascript"></script>
        <script src="../js/util/dom_request_script.js" type="text/javascript"></script>
        <!-- includes -->
        <script src="./inc/timer.js" type="text/javascript"></script>
        <script src="./inc/colorspace.js" type="text/javascript"></script>
        <script src="./inc/event.js" type="text/javascript"></script>
    </head>
    <body>
    <script type="text/javascript">
        window.onload = function () {
        MIDI.loadPlugin({
        soundfontUrl: "./soundfont/",
        instrument: "acoustic_grand_piano",
        onsuccess: function() {
            MIDI.Player.loadFile("minute_waltz.mid", MIDI.Player.start);
            }
        });
    }

    </script>
    </body>
</html>

关于javascript - 我如何使用 midi.js 和 jasmid.js？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30407664/

27

4

0

文章推荐： javascript - 使用 tileset 将 map 更改为另一个 map

文章推荐： javascript - php bin2hex() 在 javascript 中解码

文章推荐： java - 大海捞针(用户输入)(数组)

midi - MIDI 中的拍号元信息
我正在使用 Python 中的 mido 库进行 MIDI 项目。我在手册中看到时间签名的元消息，其值为:notated_32nd_notes_per_beat，其默认值为 8。这是有道理的。但是
midi - Midi TEMPO消息如何应用于其他轨道？
我猜出一个相当简单的问题，但在任何地方都找不到明确的答案。背景:我有一个多轨道midi文件，其中第一条轨道带有TEMPO控件。我需要将其他轨道中的ABSOLUTE_TICK计数转换为“秒”(与mid
midi - 来自 MIDI 持续时间的实际音符持续时间
我目前正在实现一个应用程序来对 MIDI 文件执行一些任务，我当前的问题是将我读过的音符输出到 LilyPond 文件。我已将 note_on 和 note_off 事件合并为具有绝对开始和绝对持续
midi - XG MIDI 文件格式
我有一把 Yamaha MIDI 吉他，当我播放使用 XG MIDI 标准编码的 MIDI 文件时，它会导致吉他上的某些灯打开和关闭。我正在尝试确定导致此问题的 MIDI 事件，以便我可以在不使用 M
midi - 将 MIDI 文件转换为带有长度和开始时间的音符列表
我正在 Unity 中开发一款可以从音乐生成关卡的游戏。我计划在游戏中包含简单的文本文件(不必采用标准格式)并解析它们以生成关卡。问题是，我需要能够将 MIDI 文件转换为文本格式(最好不要像 Mus
midi - 来自 MIDI 的速度和拍号
我目前正在构建一个软件，用于显示 MIDI 文件中的音符。我可以从 NoteOn 和 NoteOff 事件中获取每个音调字母，但我不知道如何获取或如何计算音符类型(全音、半音、八音..)和其他拍号。我
midi - 将 MIDI 节拍转换为实际播放秒数
我想知道如何将 MIDI 节拍转换为实际播放秒数。例如，如果 MIDI PPQ(每四分音符的脉冲数)为 1120，我如何将其转换为真实世界的播放秒数？最佳答案您需要两条信息: PPQ (每四分音
midi - 开源 MIDI 库
我想了解可用于对 MIDI 文件执行一些简单任务的开源库: 一次读取一个音符或和弦；提取给定的工具并将其单独重新编码到新文件中；允许生成“可定制”乐谱——我的意思是我应该能够使用库改变从 midi
midi - MIDI 文件中的序列号。它是如何工作的？
我已经用谷歌搜索了一段时间，但我发现的所有信息都有些模棱两可。我不是 midi 专家，我只对 midi 文件感兴趣。我需要知道此元事件的用途，以及它如何影响多轨 MIDI 文件(格式 1)的播放。最
midi - 通过虚拟输出使用 AKSequencer 发送 midi
我正在尝试使用 AKSequencer() 从 .mid 文件发送 midi 数据，在虚拟输出上以在应用程序外部使用它(下面有更多详细信息)。我的问题是我的 AKSequencer 没有将 midi
midi - 虚拟 midi 和 VST
我想制作一个简单的 VST 插件来执行此操作: 分析音频流(音量、节拍等...) 在分析器的输出上有触发器(例如，当音量 > 阈值时做某事) 根据触发器生成 MIDI 事件这是为了能够链接插件，即使
midi - Synthesia 可以很好地播放 midi 文件而没有任何音符关闭事件？
我有一个 .mid 文件 - this一个具体的。除了标题 block 之外，这里是 midi 的相关部分。第一个轨道 block 仅包含元事件，描述为 4D 54 72 6B 00 00 00 52
JavaX MIDI - 使用自定义音色播放 MIDI 文件
我试图为 Java 程序实现一个 MIDI 播放器。所以我开始使用 javax.sound.midi 库。我在那里加载了我的 Sequencer 和我的 Synthesizer: private vo
java - MIDI 文件到 MIDI 事件
import javax.sound.midi.*; import javax.swing.*; import java.awt.*; /** * Created by Jonik on 09.01
Java Midi - 如何在播放时从 midi 获取音符
我已经搜索了一段时间，但找不到我想要做的事情的答案。我想播放一个 midi 文件，并在播放时在屏幕上显示音符。当音符停止播放时，它应该从屏幕上消失。我可以使用音序器播放 midi，但不知道如何获取
python - MIDI 文件中的 MIDI 音符长度
对 MIDI 中的音符长度有误解。我在 Ableton Live 中制作了一个简单的 2 个全音符 midi 文件(整个文件是 1 个小节)，然后将其导出并使用 python 脚本(mididump.
midi - 如何播放 .MDS (MIDI Stream) 音乐文件？
关闭。这个问题不满足Stack Overflow guidelines .它目前不接受答案。想改善这个问题吗？更新问题，使其成为 on-topic对于堆栈溢出。 2年前关闭。 Improve thi
midi - 从 Lilypond 片段创建 MIDI 文件
这不是关于 how to create a MIDI file from Lilypond 的重复问题.我已经做过很多次了。我创建了一些 lilypond 片段，我想从中提取 MIDI。通常我会在
midi - Alesis QS MIDI Sysex 数据转换
我的目标是将从 Alesis 合成器发送的字节码流转换为人类可读的格式。我需要能够进行“程序转储”并读取组成补丁名称的 10 个字符的字符串。为了从合成器接收“程序转储”，我通过 MIDI-OX 向
midi - 如何从设备 ID 码获取 MIDI 乐器型号？
是否有任何公共(public)数据库允许从设备 ID 代码中获取型号名称(在回复 f0 7e 7f 06 01 f7 SysEx 时返回)？最佳答案 MIDI 制造商协会维护一个 list of I

首页

博学

6Ren·AI

商城

javascript - 我如何使用 midi.js 和 jasmid.js？