<!DOCTYPE html>
<html lang="en">
<head>
<title>Soundcite: Examples: Test</title>
<!-- build:css //cdn.knightlab.com/libs/soundcite/%(cdn)s/css/player.css -->
<link rel="stylesheet" href="/soundcite/css/player.css">
<!-- endbuild -->
<!-- build:js //cdn.knightlab.com/libs/soundcite/%(cdn)s/js/soundcite.min.js -->
<script src="https://connect.soundcloud.com/sdk/sdk-3.1.1.js"></script>
<script type="text/javascript" src="/soundcite/js/soundcite.js"></script>
<!-- endbuild -->
</head>
<body>

<h2>Test Page</h2>
<p><b>navigator.userAgent =</b><em>
<script type="text/javascript">document.write(navigator.userAgent)</script>
</em></p>

<p><b>mobile test =</b><em>
<script type="text/javascript">document.write(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent))</script>
</em></p>


<h3>Tame Impala's Elephant (SoundCloud)</h3>

<p><span class="soundcite" data-id="55728529" data-start="0" data-end="5000">start at 0, 5 secs</span></p>

<p><span class="soundcite" data-id="55728529" data-start="80000" data-end="85000">start at 1:20, 5 secs</span></p>

<p><span class="soundcite" data-id="55728529" data-end="2000" >no start, 2 secs</span></p>

<p><span class="soundcite" data-id="55728529" data-start="200000">start at 3:20 to end</span></p>

<p><span class="soundcite" data-id="55728529" data-start="200000" data-plays="3">start at 3:20 to end, plays = 3</span></p>

<p><span class="soundcite" data-id="55728529" data-start="0" data-end="2000" data-plays="1">start at 0, 2 secs, plays = 1</span></p>

<p><span class="soundcite" data-id="55728529" data-start="0" data-end="2000" data-plays="3">start at 0, 2 secs, plays = 3</span></p>

<p><span class="soundcite" data-id="55728529" data-plays="3">no start, no stop, plays = 3</span></p>

<p><span class="soundcite" data-id="55728529" data-start="0" data-end="2000" data-plays="0">start at 0, 2 secs, plays = 0 (infinite loop)</span></p>

<h3>Tame Impala's Elephant (MP3)</h3>

<p><span class="soundcite" data-url="{{ MEDIA_URL }}/tame-impala_elephant.mp3" data-start="0" data-end="5000">start at 0, 5 secs</span></p>

<p><span class="soundcite" data-url="{{ MEDIA_URL }}/tame-impala_elephant.mp3" data-start="80000" data-end="85000">start at 1:20, 5 secs</span></p>

<p><span class="soundcite" data-url="{{ MEDIA_URL }}/tame-impala_elephant.mp3" data-end="2000">no start, 2 secs</span></p>

<p><span class="soundcite" data-url="{{ MEDIA_URL }}/tame-impala_elephant.mp3" data-start="200000">start at 3:20 to end</span></p>

<p><span class="soundcite" data-url="{{ MEDIA_URL }}/tame-impala_elephant.mp3" data-start="200000" data-plays="3">start at 3:20 to end, plays = 3</span></p>

<p><span class="soundcite" data-url="{{ MEDIA_URL }}/tame-impala_elephant.mp3" data-start="0" data-end="2000" data-plays="1">start at 0, 2 secs, plays = 1</span></p>

<p><span class="soundcite" data-url="{{ MEDIA_URL }}/tame-impala_elephant.mp3" data-start="0" data-end="2000" data-plays="3">start at 0, 2 secs, plays = 3</span></p>

<p><span class="soundcite" data-url="{{ MEDIA_URL }}/tame-impala_elephant.mp3" data-plays="3">no start, no stop, plays = 3</span></p>

<p><span class="soundcite" data-url="{{ MEDIA_URL }}/tame-impala_elephant.mp3" data-start="0" data-end="2000" data-plays="0">start at 0, 2 secs, plays = 0 (infinite loop)</span></p>

</body>
</html>
