Code Monkey home page Code Monkey logo

vue-abcjs-midi-demo's People

Contributors

paulrosen avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

vue-abcjs-midi-demo's Issues

Error on pressing play

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

selection_393

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

No sound in Chrome for OSX

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.

Cannot build the app

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 ]

generateDownload don't work

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,
},
});
},

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.