{"id":60,"date":"2009-05-05T09:25:23","date_gmt":"2009-05-05T16:25:23","guid":{"rendered":"http:\/\/www.wellys.org\/wellysblog\/?p=60"},"modified":"2011-06-10T15:21:57","modified_gmt":"2011-06-10T22:21:57","slug":"video-redesign-on-wrp","status":"publish","type":"post","link":"http:\/\/www.wellys.org\/wellysblog\/?p=60","title":{"rendered":"Video Redesign on WRP"},"content":{"rendered":"<p>Recently, I spent a fair amount of time re-organizing my films on <a href=\"http:\/\/www.wellys.org\">WRP<\/a>. I had a few goals:<\/p>\n<p>1) Bring my site into the 21st Century, so quit using a js script to open a new window to display the movie.<\/p>\n<p>So, how are all the cool kids doing it? YouTube and Vimeo. No thanks, color me old school and not into &#8220;insert your video site of choice that displays your video in horrendous quality along with bizillion ads.&#8221;<\/p>\n<p>2) Have a common well-thought out format for all films AND forget about trying to create a reference movie that will check for access speed, QT version etc.<\/p>\n<p>3) Add the ability for iPhones\/Touch&#8217;s to be able to view the films.<\/p>\n<p>First came <a href=\"http:\/\/www.dvcreators.net\/dv-kitchen\/\">DVcreators&#8217; DVKitchen<\/a>. Fantastic! It provided EVERYTHING I could possibly want&#8230; for about a day. It is a nice program and it provided a great starting point for what I wanted to do. I highly recommend looking at it. I&#8217;ll repeat&#8230; it is a GREAT starting point for a video site!<\/p>\n<p>Now I had a nice way of showing my films; cross off #1.<\/p>\n<p>DVKitchen showed me the value of spending a bit of time understanding your bit rate and film quality. One word, <a href=\"http:\/\/dvcreators.net\/images\/dvkitchen\/samplelab.mov\">SampleLab<\/a>. Thanks! (again). Using SampleLab as a starting point, I created multiple compression formats in Compressor. This allowed me to determine the ideal combination of film size and viewing quality. I was amazed at the difference between each film. (I&#8217;ll create a note regarding H.264 to help explain this one.) Cross off #2.<\/p>\n<p>After much experimentation, with <a href=\"http:\/\/www.apple.com\/quicktime\/tutorials\/refmovies.html\">MakeRefMovie<\/a> from Apple and <a href=\"http:\/\/www.apple.com\/quicktime\/pro\/\">Quicktime&#8217;s Export for the Web<\/a> command, I decided that a reference movie wasn&#8217;t all that. Due to the my inherent difficulty with reference movies and the fact that iPhone-type devices love a vertical format, I decided to create a vertical-oriented iPhone-only website.<\/p>\n<p>Cross off #3.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Recently, I spent a fair amount of time re-organizing my films on WRP. I had a few goals: 1) Bring my site into the 21st Century, so quit using a js script to open a new window to display the movie. So, how are all the cool kids doing it? YouTube and Vimeo. No thanks, &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/www.wellys.org\/wellysblog\/?p=60\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Video Redesign on WRP&#8221;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false},"categories":[3],"tags":[8,33,32],"jetpack_featured_media_url":"","jetpack_publicize_connections":[],"jetpack_shortlink":"https:\/\/wp.me\/pvRD1-Y","jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":318,"url":"http:\/\/www.wellys.org\/wellysblog\/?p=318","url_meta":{"origin":60,"position":0},"title":"Hype - a new approach","date":"May 22, 2011","format":false,"excerpt":"Thanks to Jon Gruber, I learned about Hype. Hype is a OS X application that makes it easy to create dynamic websites using HTML5 or more accurately, HTML5, Javascript and CSS3. Hype works. It is also version 1.0 so it is basic but it works, doesn't crash and holds great\u2026","rel":"","context":"In &quot;HTML5\/CSS3&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":27,"url":"http:\/\/www.wellys.org\/wellysblog\/?p=27","url_meta":{"origin":60,"position":1},"title":"Dropshadow, dropshadow","date":"May 3, 2009","format":false,"excerpt":"(think Moon shadow, moon shadow) I wanted to make the site look just a weeeeee bit better. And a dropshadow on the images seemed to be the way to go. Search the web... uhhhh, that isn't easy. Let's see what Pixelmator can do... uhhhh, that isn't any easier! Sigh, let's\u2026","rel":"","context":"In &quot;Web&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":75,"url":"http:\/\/www.wellys.org\/wellysblog\/?p=75","url_meta":{"origin":60,"position":2},"title":"I did it!*","date":"May 10, 2009","format":false,"excerpt":"OK, I committed to do a lot this weekend, clean the garage, create and document my Mom's blog and change my layout from tables-based to CSS. I did it all! Woohoo! *Well, I'm still working on my site but it is 95% complete! OK, little things first. A lot of\u2026","rel":"","context":"In &quot;Web&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":79,"url":"http:\/\/www.wellys.org\/wellysblog\/?p=79","url_meta":{"origin":60,"position":3},"title":"OK, now its time to work on the Tools","date":"May 11, 2009","format":false,"excerpt":"The last time that I worked on my page about Tools was when I was using Final Cut Express... ok, I can't remember when that was. The Notes are about the films, once they are made and the notes are written, its over. But the Tools, they are ever changing!\u2026","rel":"","context":"In &quot;Video&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":137,"url":"http:\/\/www.wellys.org\/wellysblog\/?p=137","url_meta":{"origin":60,"position":4},"title":"Changes (again)","date":"July 26, 2009","format":false,"excerpt":"In my continuing efforts to learn web programming, simplify things and make a better site, I changed the site (again). This time I switched from a manual, hand-coded implementation to a SQL-based version. The new version uses a database to display the movies, making adding a new movie much easier\u2026","rel":"","context":"In &quot;Web&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":142,"url":"http:\/\/www.wellys.org\/wellysblog\/?p=142","url_meta":{"origin":60,"position":5},"title":"Thanks, Norman!","date":"July 26, 2009","format":false,"excerpt":"I was thinking this, and was going to write about it but I didn't have the depth of experience to make the point as clear as Norman does. In his blog, Hollyn-wood (Norman, that is), Norman makes the point that the price cuts and the focus on ease of use\u2026","rel":"","context":"In &quot;Video&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"http:\/\/www.wellys.org\/wellysblog\/index.php?rest_route=\/wp\/v2\/posts\/60"}],"collection":[{"href":"http:\/\/www.wellys.org\/wellysblog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.wellys.org\/wellysblog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.wellys.org\/wellysblog\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/www.wellys.org\/wellysblog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=60"}],"version-history":[{"count":5,"href":"http:\/\/www.wellys.org\/wellysblog\/index.php?rest_route=\/wp\/v2\/posts\/60\/revisions"}],"predecessor-version":[{"id":349,"href":"http:\/\/www.wellys.org\/wellysblog\/index.php?rest_route=\/wp\/v2\/posts\/60\/revisions\/349"}],"wp:attachment":[{"href":"http:\/\/www.wellys.org\/wellysblog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=60"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.wellys.org\/wellysblog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=60"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.wellys.org\/wellysblog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=60"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}