/
besto.htm
103 lines (95 loc) · 4.13 KB
/
besto.htm
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
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>soundposter loads...</title>
<meta name="viewport" content="width=device-width; height=device-height; initial-scale=1.2;"/>
<link rel="stylesheet" href="css/not.the.skin.css">
<link rel="stylesheet" href="css/circle.player.css">
<!-- Piwik -->
<script type="text/javascript">
var pkBaseURL = (("https:" == document.location.protocol) ? "https://stats.soundposter.com/p/" : "http://stats.soundposter.com/p/");
document.write(unescape("%3Cscript src='" + pkBaseURL + "piwik.js' type='text/javascript'%3E%3C/script%3E"));
</script><script type="text/javascript">
try {
var piwikTracker = Piwik.getTracker(pkBaseURL + "piwik.php", 2);
piwikTracker.trackPageView();
piwikTracker.enableLinkTracking();
} catch( err ) {}
</script><noscript><p><img src="http://stats.soundposter.com/p/piwik.php?idsite=2" style="border:0" alt="" /></p></noscript>
<!-- End Piwik Tracking Tag -->
<!-- script type="text/javascript" src="js/0.2/soundposter.js"></script-->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/jquery.transform.js"></script>
<script type="text/javascript" src="js/jquery.grab.js"></script>
<script type="text/javascript" src="js/jquery.jplayer.min.js"></script>
<script type="text/javascript" src="js/mod.csstransforms.min.js"></script>
<!--<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>-->
<script type="text/javascript">
//
var ADAPT_CONFIG = {
// Where is your CSS?
path: 'css/',
// true = Change on window resize and page tilt.
dynamic: true,
// Optional callback... myCallback(i, width)
// callback: myCallback,
range: [
// '0px to 410px = mobile.css',
'0px to 810px = mobile.css',
'810px to 2540px = jPlayer.css',
'2540px = jPlayer.css'
]
};
//
$(document).ready(function(){
var head= document.getElementsByTagName('head')[0];
var script= document.createElement('script');
script.type= 'text/javascript';
script.onreadystatechange = function () {
if (this.readyState == 'complete') { loader(); }
}
script.onload = loader;
script.src= 'js/0.4/soundposter.js';
head.appendChild(script);
//
});
//
function loader() {
sp.load(4457)
}
</script>
<script type="text/javascript" src="js/adapt.min.js"></script>
</head>
<body>
<!-- The jPlayer div must not be hidden. Keep it at the root of the body element to avoid any such problems. -->
<div id="jquery_jplayer_1" class="cp-jplayer"></div>
<div class="map-start" onclick="javascript:sp.playFromStart()"></div>
<!-- -->
<div id="soundposter">
<!-- A Wrapper to establish a new coord -->
<div class="postercontainer"></div>
<!-- A wrapper to emulate use in a webpage and center align -->
<div class="prototype-wrapper">
<!-- The container for the interface can go where you want to display it. Show and hide it as you need. -->
<div id="cp_container_1" class="cp-container">
<div class="cp-buffer-holder"> <!-- .cp-gt50 only needed when buffer is > than 50% -->
<div class="cp-buffer-1"></div>
<div class="cp-buffer-2"></div>
</div>
<div class="cp-progress-holder"> <!-- .cp-gt50 only needed when progress is > than 50% -->
<div class="cp-progress-1"></div>
<div class="cp-progress-2"></div>
</div>
<div class="cp-circle-control"></div>
<ul class="cp-controls">
<li><a href="#" class="cp-play" tabindex="1">play</a></li>
<!-- Needs the inline style here, or jQuery.show() uses display:inline instead of display:block -->
<li><a href="#" class="cp-pause" style="display:none;" tabindex="1">pause</a></li>
</ul>
</div>
</div>
</div>
</body>
</html>