forked from alexisjanvier/player-vinyle-HTML5
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
95 lines (84 loc) · 3.89 KB
/
index.html
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
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Turntable Player</title>
<link rel="stylesheet" href="styles.css" type="text/css" />
<link rel="stylesheet" href="turntable-themes.css" type="text/css" />
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div class="main">
<div id="demo-remote">
<h1>Vinyl disc player</h1>
<p id="modes">
<label for="mode-choice">Choose the mode you want</label><br />
<span>
<label for="mode-manual">manual</label>
<input type="radio" value="manual" id="mode-manual" name="mode-choice" /><br />
<label for="mode-automatic">automatic</label>
<input type="radio" value="automatic" id="mode-automatic" name="mode-choice" /><br />
<label for="mode-semiautomatic">semi-automatic</label>
<input type="radio" value="semiautomatic" id="mode-semiautomatic" name="mode-choice" />
</span>
</p>
<p>
<label for="panels">Panels to display</label><br />
<span>
<label for="panel-cover">cover</label>
<input type="checkbox" value="1" id="panel-cover" name="panel-cover" /><br />
<label for="panel-playlist">playlist</label>
<input type="checkbox" value="1" id="panel-playlist" name="panel-playlist" /><br />
<label for="panel-infos">infos</label>
<input type="checkbox" value="1" id="panel-infos" name="panel-infos" />
</span>
</p>
<p>
<label for="panel-infos-choice">Choose the infos you want</label><br />
<span>
<label for="panel-infos-choice-duration">duration</label>
<input type="checkbox" value="1" id="panel-infos-choice-duration" name="panel-infos-choice" /><br />
<label for="panel-infos-choice-current">current</label>
<input type="checkbox" value="1" id="panel-infos-choice-current" name="panel-infos-choice" /><br />
<label for="panel-infos-choice-timer">timer</label>
<input type="checkbox" value="1" id="panel-infos-choice-timer" name="panel-infos-choice" /><br />
<label for="panel-infos-choice-position">position</label>
<input type="checkbox" value="1" id="panel-infos-choice-position" name="panel-infos-choice" />
</span>
</p>
<p>
<label for="theme">Theme</label><br />
<span>
<label for="theme-wood">wood</label>
<input type="radio" value="wood" id="theme-wood" name="theme-choice" /><br />
<label for="theme-alu">alu</label>
<input type="radio" value="alu" id="theme-alu" name="theme-choice" />
</span>
</p>
<p>
<label for="debug">Debug mode (console)</label>
<input type="checkbox" value="1" id="debug" name="debug" />
</p>
<div class="mentions">
<p>Developed by <a href="http://www.amanca.fr/">Aurélien MANCA</a> for <a href="http://www.le-vinyle.com">Le-vinyle.com</a></p>
<p>Music is courtesy of <a href="http://www.kahvi.org/">Kahvi Collective</a></p>
<p>Favicon from <a href="http://www.iconfinder.com/icondetails/23864/16/">Oliver Scholtz (and others)</a></p>
<p>Audio transitions from <a href="http://www.freesound.org/people/gadzooks/sounds/59985/">gadzooks</a> and <a href="http://www.freesound.org/people/FreqMan/sounds/42820/">FreqMan</a></p>
</div>
</div>
<div id="demo-player">
<div id="player"></div>
<div class="mentions">
<p>You can fork this demo at <a href="https://github.com/Le-Vinyle/player-vinyle-HTML5">https://github.com/Le-Vinyle/player-vinyle-HTML5</a>.</p>
<p>The player still has some bugs on iOS since there is no way to play or preload sound and video without user interaction, and sometimes on Chrome/Chromium but it seems to be a system dependency.</p>
</div>
</div>
</div>
<script src="lib/raphael-min.js" type="text/javascript"></script>
<script src="lib/raphael.free_transform.js" type="text/javascript"></script>
<script src="turntable-player.js" type="text/javascript"></script>
<script src="script.js" type="text/javascript"></script>
</body>
</html>