AudioPlayer/index.htm at master · methodog/AudioPlayer · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
	<meta charset="utf-8" />
    <meta name="robots" content="noindex" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
	<meta name="format-detection" content="telephone=no">
	<link rel="apple-touch-icon" href="http://www.vam.ac.uk/__data/assets/image/0008/173609/favicon_130.png" />
	<link rel="apple-touch-startup-image" href="http://www.vam.ac.uk/__data/assets/image/0018/173610/favicon_1024.png" />
	<link rel="shortcut icon" href="http://www.vam.ac.uk/__data/assets/file/0008/172358/favicon.ico" />
    <title>AudioPlayer</title>
    <link rel="stylesheet" type="text/css" href="css/player.css">
</head>
<body>

    <div id="pane">

        <div id="menu"></div>

        <div id="track">
            <div id="transcript"></div>
            <div id="player">
                <audio preload="metadata"></audio>
                <video preload="metadata"></video>
                <div id="dash">
                    <div id="prog">
                        <a id="progknob" href="javascript:void(0)"><div class="button"></div></a>
                    </div>
                    <span id="time"></span>
                    <div id="ctrls">
                        <a class="button" id="play" href="javascript:void(0)">Play</a>
                        <div id="volbg">
                            <div id="vol">
                                <a id="volknob" class="button" href="javascript:void(0)"></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div id="timeout"></div>

    </div>

</body>
<script type="text/javascript" src="js/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="js/player.js"></script>
<script type="text/javascript">
if(location.host.indexOf('vam.ac.uk') > -1 || window.location.hash.indexOf('dev') > -1){
    var interactiveID = window.location.host;
    interactiveID = interactiveID.substring(0, interactiveID.indexOf('interactive')>0 ? interactiveID.indexOf('interactive')-1 : interactiveID.length);
    dataLayer = [{'category':interactiveID}];
    <!-- Google Tag Manager -->
    (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-K37JF8');
    <!-- End Google Tag Manager -->
}
</script>
</html>