43 <div class="strut"></div><!-- |
43 <div class="strut"></div><!-- |
44 this comment corrects the white-space (display: inline); |
44 this comment corrects the white-space (display: inline); |
45 --><div class="fullScreen_vcentering white big_txt"> |
45 --><div class="fullScreen_vcentering white big_txt"> |
46 <article class="boxAudio"> |
46 <article class="boxAudio"> |
47 <audio id="audio1" preload="metadata"> |
47 <audio id="audio1" preload="metadata"> |
48 <source src="audio.ogg" type="audio/ogg"> |
48 <source src="http://clients.incandescence.com/theend/musique/MARSEILLAISE-CHANT_3.ogg" type="audio/ogg"> |
49 <source src="http://clients.incandescence.com/theend/MP3/MARSEILLAISE-CHANT_3.mp3" type="audio/mpeg"> |
49 <source src="http://clients.incandescence.com/theend/musique/MARSEILLAISE-CHANT_3.mp3" type="audio/mpeg"> |
50 <p>Audio non supportée </p> |
50 <p>Audio non supportée </p> |
51 </audio> |
51 </audio> |
52 <button id="playpause1" onClick="play(1)" class="btnPlayPause txt_hidden">Play</button> |
52 <button id="playpause1" onClick="play(1)" class="btnPlayPause txt_hidden">Play</button> |
53 |
53 |
54 <!-- class="txt_white" can be used to color current time in white --> |
54 <!-- class="txt_white" can be used to color current time in white --> |
55 <p id="current1" class="time">0'00''</p> |
55 <p id="current1" class="time">0'00''</p> |
56 <p id="title1">LA MARSEILLAISE</p><br> |
56 <p id="title1">LA MARSEILLAISE</p><br> |
57 |
57 |
58 |
58 |
59 <audio id="audio2" preload="metadata"> |
59 <audio id="audio2" preload="metadata"> |
60 <source src="audio.ogg" type="audio/ogg"> |
60 <source src="http://clients.incandescence.com/theend/musique/IDEE-CHANT_5.ogg" type="audio/ogg"> |
61 <source src="http://clients.incandescence.com/theend/MP3/IDEE-CHANT_5.mp3" type="audio/mpeg"> |
61 <source src="http://clients.incandescence.com/theend/musique/IDEE-CHANT_5.mp3" type="audio/mpeg"> |
62 <p>Audio non supportée </p> |
62 <p>Audio non supportée </p> |
63 </audio> |
63 </audio> |
64 <button id="playpause2" onClick="play(2)" title="play" class="btnPlayPause txt_hidden">Play</button> |
64 <button id="playpause2" onClick="play(2)" title="play" class="btnPlayPause txt_hidden">Play</button> |
65 |
65 |
66 <p id="current2" class="time">0'00''</p> |
66 <p id="current2" class="time">0'00''</p> |
67 <p id="title2">L'IDÉE</p><br> |
67 <p id="title2">L'IDÉE</p><br> |
68 |
68 |
69 <audio id="audio3" preload="metadata"> |
69 <audio id="audio3" preload="metadata"> |
70 <source src="audio.ogg" type="audio/ogg"> |
70 <source src="http://clients.incandescence.com/theend/musique/INTERNATIONALE-CHANT_1.ogg" type="audio/ogg"> |
71 <source src="http://clients.incandescence.com/theend/MP3/INTERNATIONALE-CHANT_1.mp3" type="audio/mpeg"> |
71 <source src="http://clients.incandescence.com/theend/musique/INTERNATIONALE-CHANT_1.mp3" type="audio/mpeg"> |
72 <p>Audio non supportée </p> |
72 <p>Audio non supportée </p> |
73 </audio> |
73 </audio> |
74 <button id="playpause3" onClick="play(3)" title="play" class="btnPlayPause txt_hidden">Play</button> |
74 <button id="playpause3" onClick="play(3)" title="play" class="btnPlayPause txt_hidden">Play</button> |
75 |
75 |
76 <p id="current3" class="time">0'00''</p> |
76 <p id="current3" class="time">0'00''</p> |
77 <p id="title3">L'INTERNATIONALE</p><br> |
77 <p id="title3">L'INTERNATIONALE</p><br> |
78 |
78 |
79 <audio id="audio4" preload="metadata"> |
79 <audio id="audio4" preload="metadata"> |
80 <source src="audio.ogg" type="audio/ogg"> |
80 <source src="http://clients.incandescence.com/theend/musique/NIDIEU-CHANT-2.ogg" type="audio/ogg"> |
81 <source src="http://clients.incandescence.com/theend/MP3/NIDIEU-CHANT-2.mp3" type="audio/mpeg"> |
81 <source src="http://clients.incandescence.com/theend/musique/NIDIEU-CHANT-2.mp3" type="audio/mpeg"> |
82 <p>Audio non supportée </p> |
82 <p>Audio non supportée </p> |
83 </audio> |
83 </audio> |
84 <button id="playpause4" onClick="play(4)" title="play" class="btnPlayPause txt_hidden">Play</button> |
84 <button id="playpause4" onClick="play(4)" title="play" class="btnPlayPause txt_hidden">Play</button> |
85 <p id="current4" class="time">0'00''</p> |
85 <p id="current4" class="time">0'00''</p> |
86 <p id="title4">NI DIEU NI MAÎTRE</p><br> |
86 <p id="title4">NI DIEU NI MAÎTRE</p><br> |
87 |
87 |
88 <audio id="audio5" preload="metadata"> |
88 <audio id="audio5" preload="metadata"> |
89 <source src="audio.ogg" type="audio/ogg"> |
89 <source src="http://clients.incandescence.com/theend/musique/ZEBU-CHANT_4.ogg" type="audio/ogg"> |
90 <source src="http://clients.incandescence.com/theend/MP3/ZEBU-CHANT_4.mp3" type="audio/mpeg"> |
90 <source src="http://clients.incandescence.com/theend/musique/ZEBU-CHANT_4.mp3" type="audio/mpeg"> |
91 <p>Audio non supportée </p> |
91 <p>Audio non supportée </p> |
92 </audio> |
92 </audio> |
93 <button id="playpause5" onClick="play(5)" title="play" class="btnPlayPause txt_hidden">Play</button> |
93 <button id="playpause5" onClick="play(5)" title="play" class="btnPlayPause txt_hidden">Play</button> |
94 |
94 |
95 <p id="current5" class="time">0'00''</p> |
95 <p id="current5" class="time">0'00''</p> |