JavaScriptでmidiファイルを再生しようとしています。
そこで**『require('midi-player-js')』**を使おうと考えました。参考
JavaScript
1 /*【midiPlayer.js】*/ 2 3 const MidiPlayer = require('midi-player-js'); 4 5 // Initialize player and register event handler 6 var Player = new MidiPlayer.Player(function(event) { 7 console.log(event); 8 }); 9 10 // Load a MIDI file 11 Player.loadFile('./再生させたいmidi.mid'); 12 Player.play();
しかし、このままだとrequire()はNodeで動くからブラウザだと使えませんよと怒られてしまうので、
browserify midiPlayer.js -o midiPlayerApp.js
を実行してブラウザで『require('midi-player-js')』を扱えるファイルを作成しようとしました。
ですが、これを実行しようとすると
SyntaxError: 'import' and 'export' may appear only with 'sourceType: module' (1291:0)
というエラーが出てきます。
調べたところ、ここのリンクの先 にあるように、
ES2015というのをインストールする必要があるらしく、
npm install babel-preset-es2015 --save-dev
を実行しました。
「package.json」を確認したところ
"babel-preset-es2015": "^6.24.1",
が出現しているのでおそらくここまでは正しく実行できていると思われます。
そして次に**『インストールしたプリセットを使用するようにbabelifyに指示する必要があります。』**
とあるのですが、この部分のやり方がよくわかりません。
一応、
npm install eslint --save-dev
や
npm install --save-dev babelify @ babel / core
などを実行してみて、
「./node_modules/.bin/」に移動して『eslint --init』というのを実行などしたのですが、
その後に作成されるという「.eslintrc.js」というファイルが作成されていなかったりとなかなか進展しません。
これ以上よくわかっていないことを適当に試すのは怖くなってきたので質問させていただきます。
そもそも、やろうとしている事が的外れという可能性もありますし、ご助言いただけると幸いです。
- Node(16.2.0)
- npm(7.13.0)
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2021/07/14 02:40