forked from allenday/video-transitions
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathexample_relative.html
32 lines (30 loc) · 1.81 KB
/
example_relative.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
<!DOCTYPE html>
<html>
<head>
<link rel='stylesheet' type='text/css' href='./_css/VideoShuffle.css'>
</head>
<body style='background: rgb(40,40,40);margin:0px;'>
<div id='ContentContainer' style='display:block;position:absolute;top:10%;left:10%;width:80%;padding:0px;margin:0px;color:rgba(255,255,255,1.0);font-family:Helvetica,sans-serif;'>
<div id='ContentDiv' style='display:block;padding:40px;margin:0px;background-color:rgba(0,0,0,0.7);'>
<h2 style='text-align:left;'>Demo Reel:</h2>
<br/><br/>
To keep my demo reel up to date I built this javascript video player I built specifically to play back individual video clips with random transitions in between.
<br/><br/>
<div id='VideoShuffleWrapper' style='width:100%;position:relative;'></div>
<script type='text/javascript' src='./_js/Seriously.js/seriously.js'></script>
<script type='text/javascript' src='./_js/Seriously.js/effects/seriously.directionblur.js'></script>
<script type='text/javascript' src='./_js/Seriously.js/effects/seriously.blend.js'></script>
<script type='text/javascript' src='./_js/Seriously.js/effects/seriously.tvglitch.js'></script>
<script type='text/javascript' src='./_js/Seriously.js/effects/seriously.linear-transfer.js'></script>
<script type='text/javascript' src='./_js/Seriously.js/effects/seriously.blur.js'></script>
<script type='text/javascript' src='./_js/Seriously.js/effects/seriously.exposure.js'></script>
<script type='text/javascript' src='./_js/VideoShuffle.js'></script>
<script type='text/javascript' src='./_js/VSAudio.js'></script>
<script type='text/javascript' src='./_js/VSVideo.js'></script>
<script>
ShufflePlayer(vSources, aSources, vSourceDurations, aSourceDurations, false, true, false);
</script>
</div>
</div>
</body>
</html>