paulrosen / vue-abcjs-midi-demo Goto Github PK
View Code? Open in Web Editor NEWSimplest demo for using ABC notation with MIDI on a website.
License: MIT License
Simplest demo for using ABC notation with MIDI on a website.
License: MIT License
Hi Paul, nice project, thanks to share it!
I cloned your repo and execute npm install
and npm run dev
successfully, but, when I press 'play', nothing happens and this error appears on console:
GET https://paulrosen.github.io/midi-js-soundfonts/FluidR3_GM/acoustic_grand_piano-ogg.js net::ERR_BLOCKED_BY_CLIENT
Some help?
thanks.
Google Chrome | 69.0.3497.100 (Official Build) (64-bit) |
---|---|
Revision | 8920e690dd011895672947112477d10d5c8afb09-refs/branch-heads/3497@{#948} |
OS | Linux |
JavaScript | V8 6.9.427.23 |
Hi and thanks for this nice library.
Works well with Firefox but Impossible to play sound in Chrome for OSX (v 65.0.3325.18). Audio control seems to be disabled by default.
Hi, I am trying to build this but I am getting the following error (below). Am I doing something wrong on my side or is this an issue you can solve? Not sure how to proceed
Thanks for your time
0 info it worked if it ends with ok 1 verbose cli [ '/Users/mladen/.nvm/versions/node/v6.10.0/bin/node', 1 verbose cli '/Users/mladen/.nvm/versions/node/v6.10.0/bin/npm', 1 verbose cli 'install', 1 verbose cli '--save', 1 verbose cli 'midi/inc/AudioSupports', 1 verbose cli 'midi/inc/EventEmitter', 1 verbose cli 'midi/inc/dom/request_xhr', 1 verbose cli 'midi/inc/dom/util', 1 verbose cli 'midi/js/adaptors', 1 verbose cli 'midi/js/adaptors-Audio', 1 verbose cli 'midi/js/adaptors-AudioAPI', 1 verbose cli 'midi/js/adaptors-MIDI', 1 verbose cli 'midi/js/channels', 1 verbose cli 'midi/js/gm', 1 verbose cli 'midi/js/loader', 1 verbose cli 'midi/js/player' ] 2 info using [email protected] 3 info using [email protected] 4 verbose npm-session 8ef0a605b34bc706 5 silly install loadCurrentTree 6 silly install readLocalPackageData 7 silly fetchPackageMetaData error for file:midi/inc/AudioSupports Could not install from "midi/inc/AudioSupports" as it does not contain a package.json file. 8 silly fetchPackageMetaData error for file:midi/inc/EventEmitter Could not install from "midi/inc/EventEmitter" as it does not contain a package.json file. 9 silly fetchPackageMetaData error for file:midi/inc/dom/request_xhr Could not install from "midi/inc/dom/request_xhr" as it does not contain a package.json file. 10 silly fetchPackageMetaData error for file:midi/inc/dom/util Could not install from "midi/inc/dom/util" as it does not contain a package.json file. 11 silly fetchPackageMetaData error for file:midi/js/adaptors Could not install from "midi/js/adaptors" as it does not contain a package.json file. 12 silly fetchPackageMetaData error for file:midi/js/adaptors-Audio Could not install from "midi/js/adaptors-Audio" as it does not contain a package.json file. 13 silly fetchPackageMetaData error for file:midi/js/adaptors-AudioAPI Could not install from "midi/js/adaptors-AudioAPI" as it does not contain a package.json file. 14 silly fetchPackageMetaData error for file:midi/js/adaptors-MIDI Could not install from "midi/js/adaptors-MIDI" as it does not contain a package.json file. 15 silly fetchPackageMetaData error for file:midi/js/channels Could not install from "midi/js/channels" as it does not contain a package.json file. 16 silly fetchPackageMetaData error for file:midi/js/gm Could not install from "midi/js/gm" as it does not contain a package.json file. 17 silly fetchPackageMetaData error for file:midi/js/loader Could not install from "midi/js/loader" as it does not contain a package.json file. 18 silly fetchPackageMetaData error for file:midi/js/player Could not install from "midi/js/player" as it does not contain a package.json file. 19 verbose stack Error: ENOENT: no such file or directory, open '/Users/mladen/Downloads/vue-abcjs-midi-demo-master/midi/inc/AudioSupports/package.json' 19 verbose stack at Error (native) 20 verbose cwd /Users/mladen/Downloads/vue-abcjs-midi-demo-master 21 verbose Darwin 15.6.0 22 verbose argv "/Users/mladen/.nvm/versions/node/v6.10.0/bin/node" "/Users/mladen/.nvm/versions/node/v6.10.0/bin/npm" "install" "--save" "midi/inc/AudioSupports" "midi/inc/EventEmitter" "midi/inc/dom/request_xhr" "midi/inc/dom/util" "midi/js/adaptors" "midi/js/adaptors-Audio" "midi/js/adaptors-AudioAPI" "midi/js/adaptors-MIDI" "midi/js/channels" "midi/js/gm" "midi/js/loader" "midi/js/player" 23 verbose node v6.10.0 24 verbose npm v5.0.4 25 error code ENOLOCAL 26 error Could not install from "midi/inc/AudioSupports" as it does not contain a package.json file. 27 verbose exit [ 1, true ]
If you play the song in this demo, you'll see that the animation messes up after the first repeat.
Hi,
this demo package works fine basically. But if I add 'generateDownload:true,' in abcjsParams it doesn't work, the Link doesn't create and the animation then doesn't work as well. What I do wrong?
mounted: function () {
new abcjs.Editor("abc-source", {
canvas_id: "paper",
generate_midi: true,
midi_id: "midi",
abcjsParams: {
midiListener: this.listener,
animate: {
listener: this.animate,
},
inlineControls: {
loopToggle: true,
tempo: true,
},
generateDownload: true,
},
});
},
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.