Mercurial > dottes
comparison dottes.html.tune @ 369:e5f59f0e7dd5
Add audio player to tune web page.
Add an <audio> tag to the bottom centre of the tune web page. Give it options for MP3 and
OGG files. Most browsers will play MP3, and the ones that won't (Firefox) will play OGG.
Since we now have to generate OGGs, add a download link as well.
| author | Jim Hague <jim.hague@acm.org> |
|---|---|
| date | Wed, 28 Aug 2013 11:54:45 +0100 |
| parents | b233893b4c51 |
| children | 0e8f58e33270 |
comparison
equal
deleted
inserted
replaced
| 368:78afd8761dac | 369:e5f59f0e7dd5 |
|---|---|
| 49 href="@TUNE@.pdf">PDF</a></li> | 49 href="@TUNE@.pdf">PDF</a></li> |
| 50 <li><a class="dottes-link-tune dottes-midi" | 50 <li><a class="dottes-link-tune dottes-midi" |
| 51 href="../@MASTERBOOKE@/@TUNE@.mid">MIDI</a></li> | 51 href="../@MASTERBOOKE@/@TUNE@.mid">MIDI</a></li> |
| 52 <li><a class="dottes-link-tune dottes-mp3" | 52 <li><a class="dottes-link-tune dottes-mp3" |
| 53 href="../@MASTERBOOKE@/@TUNE@.mp3">MP3</a></li> | 53 href="../@MASTERBOOKE@/@TUNE@.mp3">MP3</a></li> |
| 54 <li><a class="dottes-link-tune dottes-ogg" | |
| 55 href="../@MASTERBOOKE@/@TUNE@.ogg">OGG</a></li> | |
| 54 <li><a class="dottes-link-tune dottes-abc" | 56 <li><a class="dottes-link-tune dottes-abc" |
| 55 href="@TUNE@.abc">ABC</a></li> | 57 href="@TUNE@.abc">ABC</a></li> |
| 56 </ul> | 58 </ul> |
| 59 </div> | |
| 60 <div class="dottes-tune-footer-centre"> | |
| 61 <audio controls> | |
| 62 <source src="@TUNE@.mp3" type="audio/mpeg" /> | |
| 63 <source src="@TUNE@.ogg" type="audio/ogg" /> | |
| 64 </audio> | |
| 57 </div> | 65 </div> |
| 58 <div class="dottes-tune-footer-right"> | 66 <div class="dottes-tune-footer-right"> |
| 59 Last changed @LASTCHANGED@ | 67 Last changed @LASTCHANGED@ |
| 60 </div> | 68 </div> |
| 61 </div> | 69 </div> |