Codelabs for Web Audio & Web MIDI

Live Demo

• Web Audio API
• Web MIDI API(with x-webmidi)

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 step.es-es.html )
   !!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.

<codelab-pack>

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

attributes

• 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)

<codelab-pack>

The article in each step.

attributes

• 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 .

<codelab-snippet>

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)

License

Apache License, Version 2.0

Author

Ryoya Kawai 2015