Audio component example

A sample audio component in EmberJS

HTML

<script src="http://builds.emberjs.com/handlebars-1.0.0.js"></script>
<script src="http://builds.emberjs.com/ember-latest.js"></script>
<script type="text/x-handlebars" id="components/music-file">
    <audio controls>
        <source {{bind-attr src=source.mp3}} type="audio/mpeg">
        Your browser does not support the audio tag.
    </audio>
</script>
<script type="text/x-handlebars" data-template-name="application">
    <h1>Audio Component</h1>
    {{outlet}}
</script>
<script type="text/x-handlebars" data-template-name="index">
  {{music-file source=model}}
</script>

JavaScript

App = Ember.Application.create({});

App.IndexRoute = Ember.Route.extend({
  model: function(){
      return {
        mp3: 'https://archive.org/download/onclassical-quality-wav-audio-files-of-classical-music/onclassical_demo_fiati-di-parma_thuille_terzo-tempo_sestetto_small-version_64kb.mp3'
    };
  }
});