A Player with Chapter Marks

Player with chapter marks

Instead of setting chapter marks manually, chapter marks can also be set with tools like Hindenburg or Ultraschall.

Source Code

Audio Tag

<audio controls="controls">
  <source src="podlove-test-track.mp4" type="audio/mp4">
  <source src="podlove-test-track.mp3" type="audio/mpeg">
  <source src="podlove-test-track.ogg" type="audio/ogg; codecs=vorbis">
  <source src="podlove-test-track.opus" type="audio/ogg; codecs=opus">
  <object type="application/x-shockwave-flash" data="/bin/flashmediaelement.swf">
    <param name="movie" value="/bin/flashmediaelement.swf"/>
    <param name="flashvars" value="controls=true&amp;file=format-test-track.mp4"/>
  </object>
</audio>

Metadata

This is how to define chapter marks as metadata. The accepted format is 00:00:00.000 (h:min:sec.ms).

...
chapters: [
  {
    start: '00:00:00.000',
    title: 'Chapter One'
  },
  {
    start: '00:00:00.500',
    title: 'Chapter Two',
  },
  {
    start: '00:00:01.500',
    title: 'Chapter Three',
  },
  {
    start: '00:00:02.000',
    title: 'Chapter Four',
  }
 ],...