Sunday, August 7, 2016

Q3 PTC Day 29

9:30a - 7:15p

clock is actually at 9:34am lol... seconds short of the bell.  Gotta love discipline systems!!

Planning out the day:

10-12p
-FINISH EDITING ALL AUDIO

12-3:30p
-hang up laundry. pu dry cleaning, eat lunch

--revised--
3:30p-5:30p
-FINISH EDITING ALL AUDIO
-Make all video slides, edit in, and render video

5:30p-6p
-Break & Water

6p - 7p
-Get video on website and make sure it plays

Part 1 of video is on website as a placeholder and uploaded to youtube so i can share it to get feedback, and i figured out how to embed in html 5:

_______________

ACHIEVED:

Part 1 audio fully edited.

Sample rendered online.

Sample on website and figured out how to embed and s3 copy on website with html / flash without the need for using someone else's player or uploading to youtube / vimeo / etc.

Also -- found out a way to potentially get a placeholder in the header tag so I don't need to copy and paste a bunch of code every time I edit the main page.

Basic V of Embedding Video (working now):

<video width="100%" height="100%" controls="controls" style="visibility: visible;">
<source src="https://s3.amazonaws.com/cure-insomnia/websiteplaceholder.mp4" type="video/mp4">
</video>

HTML 5 with Flash fallback:

<video width="640" height="360" controls autoplay>
<source src="__VIDEO__.MP4"  type="video/mp4" />
<source src="__VIDEO__.OGV"  type="video/ogg" />
<object width="640" height="360" type="application/x-shockwave-flash" data="__FLASH__.SWF">
<param name="movie" value="__FLASH__.SWF" />
<param name="flashvars" value="autostart=true&amp;controlbar=over&amp;image=__POSTER__.JPG&amp;file=__VIDEO__.MP4" />
<img src="__VIDEO__.JPG" width="640" height="360" alt="__TITLE__"
    title="No video playback capabilities, please download the video below" />
</object>
</video>
<p> <strong>Download Video:</strong>
Closed Format: <a href="__VIDEO__.MP4">"MP4"</a>
Open Format: <a href="__VIDEO__.OGV">"Ogg"</a>
</p>

http://camendesign.com/code/video_for_everybody

No comments:

Post a Comment