{"id":29635,"date":"2017-04-16T03:01:53","date_gmt":"2017-04-15T17:01:53","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=29635"},"modified":"2017-04-15T21:31:29","modified_gmt":"2017-04-15T11:31:29","slug":"piano-playing-web-application-primer-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/piano-playing-web-application-primer-tutorial\/","title":{"rendered":"Piano Playing Web Application Primer Tutorial"},"content":{"rendered":"
\"Xcode<\/a>

Piano Playing Web Application Primer Tutorial<\/p><\/div>\n

We hope you enjoy our new “first draft” of a Piano Playing web application. We’re using those audio mp3 files from the other day when we presented Xcode SpriteKit Game Primer Tutorial<\/a> to “reframe” their use for creating a client based web application comprising, essentially …<\/p>\n

    \n
  1. audio files, thanks to useful link<\/a><\/li>\n
  2. image of piano, thanks to openclipart<\/a><\/li>\n
  3. map tag creation, thanks to mobilefish<\/a><\/li>\n
  4. our Javascript logic to play scales or arpeggios or chords in major and minor keys, for the user’s listening “indulgence”, or perhaps to accompany a user learning the piano<\/li>\n<\/ol>\n

    This first draft needs more work regarding tying audio “cues” with “visual” ones, and getting around the mobile device habit of disallowing automated audio plays. That will be for future postings. But for today, as with WordPress 4.1.1’s Piano Playing Web Application Primer Tutorial<\/a>, try the piano playing web application (with the HTML and Javascript piano.html<\/a>) at this live run<\/a> link (where the C major scale, one octave is played first up), or, live also, below, in an HTML iframe<\/a>, curiously the technique by which we play the audio files (allowing for a bank of 9 HTML iframe elements be able to play up to 9 notes at the same time, hopefully enough for most future functionality thoughts … time will tell) …<\/p>\n