/
static-example.html
64 lines (60 loc) · 5.41 KB
/
static-example.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
<!DOCTYPE html>
<html>
<head>
<meta>
<!--
__ ___ _____ _____ _ _
\ \ / (_) / ____| / ____| | | |
\ \ / / _ _____ __ | (___ ___ _ _ _ __ ___ ___ | | _ _| | |_ _ _ _ __ ___
\ \/ / | |/ _ \ \ /\ / / \___ \ / _ \| | | | '__/ __|/ _ \ | | | | | | | __| | | | '__/ _ \
\ / | | __/\ V V / ____) | (_) | |_| | | | (__| __/ | |____| |_| | | |_| |_| | | | __/
\/ |_|\___| \_/\_/ |_____/ \___/ \__,_|_| \___|\___| \_____|\__,_|_|\__|\__,_|_| \___|
-->
<title>Remixer</title>
<link rel="stylesheet" href="styles/bootstrap-1.2.0.min.css">
<link rel="stylesheet" href="styles/style.css" />
<script src="scripts/jquery.js"></script>
<script src="scripts/jquery-ui-1.8.16.custom.min.js"></script>
<script src="scripts/popcorn-complete.js"></script>
<script src="scripts/remixer.js"></script>
</head>
<body>
<div class="clearfix controls class alert-message info">
<h1>Video Remixer</h1>
<a href="#" id="makeMashup" class="btn primary">Mashup!</a>
<a href="#" id="swapVideos" class="btn primary">Swap!</a>
<a href="#" id="clearVideos" class="btn primary">Clear!</a>
</div>
<figure id="bin1" class="well">
<h1>Bin 1</h1>
<video class="bin1 thumb" poster="http://boazsender.com/boys-and-girls/Boys_CosmicCatch.png" controls="" src="http://boazsender.com/boys-and-girls/Boys_CosmicCatch.webm "></video>
<video class="bin1 thumb" poster="http://boazsender.com/boys-and-girls/Boys_HotWheelsBattleforce.png" controls="" src="http://boazsender.com/boys-and-girls/Boys_HotWheelsBattleforce.webm "></video>
<video class="bin1 thumb" poster="http://boazsender.com/boys-and-girls/Boys_HotWheelsCustomMotors.png" controls="" src="http://boazsender.com/boys-and-girls/Boys_HotWheelsCustomMotors.webm"></video>
<video class="bin1 thumb" poster="http://boazsender.com/boys-and-girls/Boys_LegoMarsMission.png" controls="" src="http://boazsender.com/boys-and-girls/Boys_LegoMarsMission.webm "></video>
<video class="bin1 thumb" poster="http://boazsender.com/boys-and-girls/Boys_NerfSnipterGun.png" controls="" src="http://boazsender.com/boys-and-girls/Boys_NerfSnipterGun.webm "></video>
<video class="bin1 thumb" poster="http://boazsender.com/boys-and-girls/Boys_PiratesOnline.png" controls="" src="http://boazsender.com/boys-and-girls/Boys_PiratesOnline.webm "></video>
<video class="bin1 thumb" poster="http://boazsender.com/boys-and-girls/Boys_SpaceHeroesSpaceSet.png" controls="" src="http://boazsender.com/boys-and-girls/Boys_SpaceHeroesSpaceSet.webm "></video>
<video class="bin1 thumb" poster="http://boazsender.com/boys-and-girls/Boys_TonkaBoyhood.png" controls="" src="http://boazsender.com/boys-and-girls/Boys_TonkaBoyhood.webm "></video>
<video class="bin1 thumb" poster="http://boazsender.com/boys-and-girls/Boys_TruckFord.png" controls="" src="http://boazsender.com/boys-and-girls/Boys_TruckFord.webm "></video>
<video class="bin1 thumb" poster="http://boazsender.com/boys-and-girls/Boys_YuGiOh_CardGame.png" controls="" src="http://boazsender.com/boys-and-girls/Boys_YuGiOh_CardGame.webm "></video>
</figure>
<figure id="canvas">
<section id="audioSource"><h1>Audio Source</h1></section>
<section id="videoSource"><h1>Video Source</h1></section>
<section id="mashup"></section>
</figure>
<figure id="bin2" class="well">
<h1>Bin 2</h1>
<video class="bin2 thumb" poster="http://boazsender.com/boys-and-girls/Girls_BabyAnnabellDoll.png" controls="" src="http://boazsender.com/boys-and-girls/Girls_BabyAnnabellDoll.webm "></video>
<video class="bin2 thumb" poster="http://boazsender.com/boys-and-girls/Girls_Babydoll.png" controls="" src="http://boazsender.com/boys-and-girls/Girls_Babydoll.webm "></video>
<video class="bin2 thumb" poster="http://boazsender.com/boys-and-girls/Girls_BarbieGirl.png" controls="" src="http://boazsender.com/boys-and-girls/Girls_BarbieGirl.webm "></video>
<video class="bin2 thumb" poster="http://boazsender.com/boys-and-girls/Girls_BarbieJeep.png" controls="" src="http://boazsender.com/boys-and-girls/Girls_BarbieJeep.webm "></video>
<video class="bin2 thumb" poster="http://boazsender.com/boys-and-girls/Girls_BratzMakeUp.png" controls="" src="http://boazsender.com/boys-and-girls/Girls_BratzMakeUp.webm "></video>
<video class="bin2 thumb" poster="http://boazsender.com/boys-and-girls/Girls_Chixos.png" controls="" src="http://boazsender.com/boys-and-girls/Girls_Chixos.webm "></video>
<video class="bin2 thumb" poster="http://boazsender.com/boys-and-girls/Girls_ChouChouBabyDoll.png" controls="" src="http://boazsender.com/boys-and-girls/Girls_ChouChouBabyDoll.webm "></video>
<video class="bin2 thumb" poster="http://boazsender.com/boys-and-girls/Girls_DisneyDollBell.png" controls="" src="http://boazsender.com/boys-and-girls/Girls_DisneyDollBell.webm "></video>
<video class="bin2 thumb" poster="http://boazsender.com/boys-and-girls/Girls_FurRealFriends.png" controls="" src="http://boazsender.com/boys-and-girls/Girls_FurRealFriends.webm "></video>
<video class="bin2 thumb" poster="http://boazsender.com/boys-and-girls/Girls_FurRealMySizePony.png" controls="" src="http://boazsender.com/boys-and-girls/Girls_FurRealMySizePony.webm "></video>
</figure>
</body>
</html>