Codelab for Web Audio/MIDI
Clone or download
Pull request Compare This branch is 13 commits behind WebMusicDevelopersJP:gh-pages.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.

Codelabs for Web Audio & Web MIDI

Live Demo

What is this?

This is codelabs materials for Web Audio and Web MIDI.
And this repository is repository to translate one language to another. So we are happy to be requested "Pull Request" of translated materials in languages you are familiar with.

How to contribute translation

  1. Copy translation file which name is "steps.[language].html"
    (e.g: Because Web Audio Codelab has codelab in Japanese and English, so step.ja-jp.html(Japanese) and step.en-us.html(English) are existing.)
  2. Change language in extension of the file name.
    (e.g: Translate to Spanish step.en-us.html to )
    !!See the section Supported languages be default for language that are supported by default
  3. Translate the file created in step 2
  4. Make pull request!!

Explanation of each tags in step.[language].html

There are some custom tags and some limitations. However, all of the HTML tags are permitted to use basically.


Inside this tag is the whole steps in the codelab. <codelab-article> is the article in each step.


  • label : This will be the title of the codelab and this will be displaied in Title.
  • feedback_link : The Link for reporting bugs. This will inserted in the bottom of each step.
  • category : (Not used as is Aug. 2015)
  • environment : (Not used as is Aug. 2015)


The article in each step.


  • step_label : This will be the title of the step and this will be displaied as step name.
  • duration : Estimation time to complete that step. Specify time format in mm:ss .


Letters in this tag will be displayed as source code. This tag is extended from <pre> tag, so it will be displayed as you write.

[IMPORTANT] Use "''& lt;" for "<" and "''& gt;" for ">".

Supported(configuration free) languages be default

Make PullRequest if the language that you want to translate is not listed below.

  • ja-jp : Japanese
  • en-us : English(US)
  • es-es : Spanish(Spain)
  • de-de : German(Germany)
  • ah-cn : Chinese(PRC)
  • zh-tw : Chinese(Taiwan)


Apache License, Version 2.0


Ryoya Kawai 2015