h3. *Introduction to EPICS and EPICS Database Principles*
Video #1, Encoding method 1
{html}
<A href="http://www.slac.stanford.edu/grp/lcls/controls/global/sw/epics/training/TrainingVideos/EPICS-Intro-SteveLewis/EPICS-Steve-Lewis1-web/EPICS-Steve-Lewis1-web.mov" jscontroller="false" mce_href="http://www.slac.stanford.edu/grp/lcls/controls/global/sw/epics/training/TrainingVideos/EPICS-Intro-SteveLewis/EPICS-Steve-Lewis1-web/EPICS-Steve-Lewis1-web.mov" rel="qtposter">
<IMG height="496" mce_src="http://www.slac.stanford.edu/grp/lcls/controls/global/sw/epics/training/TrainingVideos/EPICS-Intro-SteveLewis/EPICS-Steve-Lewis1-web/EPICS-Steve-Lewis1-web.jpg" src="http://www.slac.stanford.edu/grp/lcls/controls/global/sw/epics/training/TrainingVideos/EPICS-Intro-SteveLewis/EPICS-Steve-Lewis1-web/EPICS-Steve-Lewis1-web.jpg" width="720"></IMG>
</A>
{html}
Video #2, Encoding method 1
{html}
<A href="http://www.slac.stanford.edu/grp/lcls/controls/global/sw/epics/training/TrainingVideos/EPICS-Intro-SteveLewis/EPICS-Steve-Lewis2-web/EPICS-Steve-Lewis2-web.mov" jscontroller="false" mce_href="http://www.slac.stanford.edu/grp/lcls/controls/global/sw/epics/training/TrainingVideos/EPICS-Intro-SteveLewis/EPICS-Steve-Lewis2-web/EPICS-Steve-Lewis2-web.mov" rel="qtposter">
<IMG height="496" mce_src="http://www.slac.stanford.edu/grp/lcls/controls/global/sw/epics/training/TrainingVideos/EPICS-Intro-SteveLewis/EPICS-Steve-Lewis2-web/EPICS-Steve-Lewis2-web.jpg" src="http://www.slac.stanford.edu/grp/lcls/controls/global/sw/epics/training/TrainingVideos/EPICS-Intro-SteveLewis/EPICS-Steve-Lewis2-web/EPICS-Steve-Lewis2-web.jpg" width="720"></IMG></A>
{html}
h3. {color:#000000}{*}EPICS Device Support{*}{color}
Test using HTML5 and flash wrapper in case HTML5 is not support by clients browser
{color:#333333}Encoding method 2{color}
{html}
{html}
{html-include:url=http://www.slac.stanford.edu/grp/lcls/controls/global/sw/epics/training/TrainingVideos/EPICS_Training_Video2/EPICS_Video.html}
\\
h4. Test using Confluence embedding multimedia files
which fails, file must be required to be local.
!http://www.slac.stanford.edu/grp/lcls/controls/global/sw/epics/training/TrainingVideos/EPICS-Intro-SteveLewis/EPICS-Steve-Lewis1-web/EPICS-Steve-Lewis1-web.mov|width=480,height=380!
{html}
<video id="movie" width="720" height="496" preload controls>
<source src="http://www.slac.stanford.edu/grp/lcls/controls/global/sw/epics/training/TrainingVideos/EPICS_Training_Video2/EPICS_Device_Support_6_25_2010_Part1-try2.m4v" />
<object width="320" height="240" type="application/x-shockwave-flash"
data="flowplayer-3.2.1.swf">
<param name="movie" value="flowplayer-3.2.1.swf" />
<param name="allowfullscreen" value="true" />
<param name="flashvars" value='config={"clip": {"url": "http://www.slac.stanford.edu/grp/lcls/controls/global/sw/epics/training/TrainingVideos/EPICS_Training_Video2/EPICS_Device_Support_6_25_2010_Part1-try2.m4v", "autoPlay":false, "autoBuffering":true}}' />
<p>Download video as <a href="http://www.slac.stanford.edu/grp/lcls/controls/global/sw/epics/training/TrainingVideos/EPICS_Training_Video2/EPICS_Device_Support_6_25_2010_Part1-try2.m4v">MP4</a>
</p>
</object>
</video>
<script>
var v = document.getElementById("movie");
v.onclick = function() {
if (v.paused) {
v.play();
} else {
v.pause();
}
});
</script>
{html}
h3. Encoding Method Summary
Method 1
\############
Use VLC to RIP DVD if needed. I had raw source on some of them
Use Quicktime to create web optimized mov file and html
Pros:
\-various versions of your movie optimized for web-delivery.
\-Uses a reference movie, which selects the best version for your users' various devices and connection speeds. By including this reference movie in your HTML page, you can ensure a quality video experience on your site. (not sure if Handbrakes H.264 ourput does the same.
\-Output is basically the same as iMovie, with less steps
Cons:
\-Multi steps
\-requires quicktime to be installed
\-Files size large, however still greatly reduced compared to orginal DVD file
Method 2
\############
Use Handbrake to RIP DVD and crate H.264 file based on the following write up:
[http://diveintohtml5.org/video.html]
Pros:
\-Smaller file size, more control over resolution.
\-Should work one all browser, but have not tested.
\-native HTML5 support, Flash wrapper for old browsers
\-Handbrake supports command line and batch jobs
Cons:
\-OSX firefox does not work
Method 1
\############
Use VLC to RIP DVD
Use Quicktime to create web optimized mov file and html
Pros:
\-various versions of your movie optimized for web-delivery.
\-Uses a reference movie, which selects the best version for your users' various devices and connection speeds. By including this reference movie in your HTML page, you can ensure a quality video experience on your site. (not sure if Handbrakes H.264 ourput does the same.
\-Output is basically the same as iMovie, with less steps
Cons:
\-Multi steps
\-requires quicktime to be installed
\-Files size large, however still greatly reduced compared to orginal DVD file
Method 2
\############
Use Handbrake to RIP DVD and crate H.264 file based on the following write up:[http://diveintohtml5.org/video.html]
Pros:
\-Smaller file size, more control over resolution.
\-Should work on all browsers, but have not tested.
\-native HTML5 support, Flash wrapper for old browsers
\-Handbrake supports command line and batch jobs
Cons:
OSX firefox does not work, more debugging needed
File size compare:
\############
EPICS_Device_Support_6_25_2010_Part1 via Quicktime = 815MB
@ web optimazation set for high bandwidth
EPICS_Device_Support_6_25_2010_Part1 via handbrake = 362MB
@24FPS 600 bitrate web optimazation |