Coder Social home page Coder Social logo

flowkey-music-sheet's Introduction

the idea of this project is based on the article https://amcolash.com/2019/12/27/flowkey-sheet-music.html. great thanks to the author.

this Audiveris in this repository is a custom build, the official one has a bug causing the image not able to convert.

what is this?

this is a tool to help you convert flowkey image music sheets to digital printable format(mxl,pdf)

preparation

  1. setup node env on your computer
  2. install Audiveris from this repo to your computer
  3. your need a flowkey account to access your music sheet.

instruction

  1. Open the page of flowkey song that you want to download the sheet from.
  2. Open browser console.
  3. Paste the following code in and hit enter to run. then the url will be copied to your clipboard
let elements = document.getElementsByClassName('split-image');

// Check that there are actually images on the page
if (elements.length === 0) {
  console.error('No images found');
} else {
  // If images were found, extract the base url from the 1st one
  const imageUrl = elements[0].src;
  const imageIdMatch = /\/sheets\/([\w\d]+)\//;
  const baseUrl = 'https://flowkeycdn.com/sheets/';

  // Construct the final url to use
  const matched = imageUrl.match(imageIdMatch)[1];
  const url = `${baseUrl}${matched}/300/`;

  // Log the url to the console
  console.log(url);

  // This last line may fail on some browsers, but you can always manually copy from the log statement above.
  copy(url);
}
  1. Change url and filename in generateImage.js
  2. Run node generateImage.js in console. you will get a png under the root folder of this project.
  3. Open Audiveris and drag the image in. Convert the image then export as mxl file.
  4. use another tool to edit the mxl file to your like and then export them as pdf. (I'm using MuseScore)

flowkey-music-sheet's People

Contributors

wayne-liberty avatar

Stargazers

Yiming Zhao avatar  avatar Carlos Rueda Morales avatar

Watchers

James Cloos avatar  avatar

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.