{"id":2391,"date":"2015-01-29T16:50:51","date_gmt":"2015-01-29T16:50:51","guid":{"rendered":"http:\/\/wiki.davelevy.info\/?p=2391"},"modified":"2023-12-30T13:48:22","modified_gmt":"2023-12-30T13:48:22","slug":"rendering-new-age-video","status":"publish","type":"post","link":"https:\/\/davelevy.info\/wiki\/rendering-new-age-video\/","title":{"rendered":"Rendering New Age Video"},"content":{"rendered":"<p>While winding myself up to play NWN2, I started experimenting with image morphing software, to see if I could make a video of a Druid Shifter polymorphing into their werebear shape. Sadly I think I lost the pictures from the 1st attempt and so as I started the game I had another go. Anyway once created, there is the question of how to serve it on the web. This article documents the tools I used to create the video and the tools I used to host it on this page.<!--more--><\/p>\n<p>I originally used Kafka, which I couldn&#8217;t get to generate the movie, and so the second time, I used <span style=\"text-decoration: underline;\"><a href=\"https:\/\/web.archive.org\/web\/20230504131059\/http:\/\/xiberpix.net\/SqirlzMorph.html\">Squirlz Morph<\/a><\/span> and <span style=\"text-decoration: underline;\"><a href=\"https:\/\/web.archive.org\/web\/20140624150709\/http:\/\/www.tracyleerose.com:80\/Txt\/Tutorials\/Tutorial_morph\/SqirlzMorph.html\">Tracy&#8217;s Tutorial<\/a><\/span> , more tips can be found <span style=\"text-decoration: underline;\"><a title=\"How to morph photos \/ pictures using free software? at Gromkov&#039;s Software\" href=\"https:\/\/web.archive.org\/web\/20150703053129\/http:\/\/www.gromkov.com:80\/faq\/videoedit\/morph_photos_pictures.html\">here<\/a><\/span>. This will generate a movie as flash, .avi or an animated .gif.<\/p>\n<p>The flash could be rendered in wordpress using a plugin, <span style=\"text-decoration: underline;\"><a title=\"at the wordpress codex, kimili-flash-embed\" href=\"https:\/\/wordpress.org\/plugins\/kimili-flash-embed\/other_notes\/\">this one<\/a><\/span> is the most highly scored but the HTML5<span style=\"text-decoration: underline;\"><a href=\"http:\/\/www.w3schools.com\/html\/html5_video.asp\"> Video tag<\/a><\/span> looks as if it&#8217;s a piece of piss, and so I think I&#8217;ll convert it to a modern, open format and use that. Because I shall be hosting in wordpress, I need to use the Code Embed plugin and so I will avoid the need for an additional plugin just for flash. I used <a title=\"at the Mozilla development network\" href=\"https:\/\/developer.mozilla.org\/en\/docs\/Web\/HTML\/Element\/video\">this page<\/a> to discover the full list of video tag attributes.<\/p>\n<p><center><video controls>\r\n<source src=\"http:\/\/davelevy.info\/fx\/lux-shifter.mp4\" type=\"video\/mp4\">\r\nThis browser doesn't support the video tag\r\n<\/video>\r\n<\/center><\/p>\n<p>I found <a href=\"https:\/\/web.archive.org\/web\/20190316123654\/https:\/\/www.flash-banner-converter.com\/converter\/\">Flabco&#8217;s converter<\/a>, which allows you to download and have your own copy but has a 7Mb size limit. I then FTP&#8217;d it to my server.<\/p>\n<p>The video html is<\/p>\n<pre>&lt;center&gt;&lt;video controls&gt;\r\n&lt;source src=\"http:\/\/davelevy.info\/fx\/lux-shifter.mp4\"\r\n    type=\"video\/mp4\"&gt;\r\nThis browser doesn't support the video tag\r\n&lt;\/video&gt;\r\n&lt;\/center&gt;<\/pre>\n<p style=\"text-align: center;\">ooOOOoo<\/p>\n<p>The video is a derived work which I claim copyright on, the bear comes from flickr, the woman comes from a fan forum, the video that contains the image is on YouTube.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>While winding myself up to play NWN2, I started experimenting with image morphing software, to see if I could make a video of a Druid Shifter polymorphing into their werebear shape. Sadly I think I lost the pictures from the 1st attempt and so as I started the game I had another go. Anyway once&#8230;<\/p>\n","protected":false},"author":1,"featured_media":2429,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":"","_share_on_mastodon":"0"},"categories":[3],"tags":[793,132,253,794,796,792,795,911,71,797,28],"class_list":["post-2391","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-technology","tag-convert","tag-formats","tag-html","tag-kafka","tag-morphing","tag-rendering","tag-sqirlz-morph","tag-technology","tag-video","tag-werebear","tag-wordpress"],"share_on_mastodon":{"url":"","error":""},"jetpack_featured_media_url":"https:\/\/davelevy.info\/wiki\/wp-content\/uploads\/2015\/01\/video-tag1.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/davelevy.info\/wiki\/wp-json\/wp\/v2\/posts\/2391","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/davelevy.info\/wiki\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/davelevy.info\/wiki\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/davelevy.info\/wiki\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/davelevy.info\/wiki\/wp-json\/wp\/v2\/comments?post=2391"}],"version-history":[{"count":7,"href":"https:\/\/davelevy.info\/wiki\/wp-json\/wp\/v2\/posts\/2391\/revisions"}],"predecessor-version":[{"id":9954,"href":"https:\/\/davelevy.info\/wiki\/wp-json\/wp\/v2\/posts\/2391\/revisions\/9954"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/davelevy.info\/wiki\/wp-json\/wp\/v2\/media\/2429"}],"wp:attachment":[{"href":"https:\/\/davelevy.info\/wiki\/wp-json\/wp\/v2\/media?parent=2391"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/davelevy.info\/wiki\/wp-json\/wp\/v2\/categories?post=2391"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/davelevy.info\/wiki\/wp-json\/wp\/v2\/tags?post=2391"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}