examples/Theme_big-square.html

<!DOCTYPE html>
<html>
	<meta charset="utf-8">
	<title>CPU-Audio theme example : Big square</title>

	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
	<script src="../build/cpu-audio.big-square.js"></script>

<p><a href="../examples.html">← back to examples list</a></p>

<h1>CPU-Audio Theme example : Big square button, minimalistic</h1>

<p>
	This theme has only a button on the whole webcmoponent surface. It is intented to be used as standalone, without cpu-controller, playlists or even chapters.
</p>

<p>
	Small little problem : me must take the click event on the button to the “play or pause” trigger. We have a trigger named "toggleplay", so the whole button got its ID.<br />
	I miss to add a discreet timeline, not clickable or hoverable. But it's up to you ;)
</p>


<cpu-audio
	playlist="cpu"
	title="Ex0117 À la source du son"
	poster="https://cpu.dascritch.net/public/Images/Emissions/1910-Ex0117-SourceDuSon.jpg">
	<audio controls id="ep1" preload="none">
		<source src="https://cpu.dascritch.net/public/Sonores/Emissions/hls/0117-CPU%2817-10-19%29/index.m3u8" type="application/x-mpegurl" />
		<source src="https://cpu.dascritch.net/public/Sonores/Emissions/podcast/0117-CPU%2817-10-19%29.mp3" type="audio/mpeg" />
	</audio>
</cpu-audio>

</html>