UI controls
Deep zoom controls
<canvas-panel zoom-controls="my-zoom-controls" .../>
<script type="text/template" id="my-zoom-controls">
<div>
<button data-zoom-in>Zoom in</button>
<button data-zoom-out>Zoom out</button>
<button data-zoom-home>Home</button>
</div>
<script>
Media controls
<canvas-panel media-controls="my-media-controls" .../>
<script type="text/template" id="my-media-controls">
<div>
<button data-play-pause>Play/pause</button>
<div data-scrubber></div> <!-- This will TBC since it requires 3 elements: container, background, progress -->
<button data-mute>Mute</button>
</div>
<script>