{"id":44372,"date":"2019-03-29T03:01:08","date_gmt":"2019-03-28T17:01:08","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=44372"},"modified":"2019-03-29T19:24:45","modified_gmt":"2019-03-29T09:24:45","slug":"camera-app-video-slow-motion-primer-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/camera-app-video-slow-motion-primer-tutorial\/","title":{"rendered":"Camera App Video Slow Motion Primer Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/Mac\/iPhone\/Luna_Nala.mov\"><img decoding=\"async\" style=\"float:left;border: 15px solid pink;\" alt=\"Camera App Video Slow Motion Primer Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/Mac\/iPhone\/Luna_Nala.jpg\" title=\"Camera App Video Slow Motion Primer Tutorial\"   \/><\/a><p class=\"wp-caption-text\">Camera App Video Slow Motion Primer Tutorial<\/p><\/div>\n<p>Continuing the video theme of yesterday&#8217;s <a title='QuickTime Player Mov Video Conversion Tutorial' href='#qtpmvct'>QuickTime Player Mov Video Conversion Tutorial<\/a> today we try out the iPhone (ie. iOS) Camera app&#8217;s Video mode&#8217;s Slo-Mo mode of use.<\/p>\n<p>Get ready for longer but attention grabbing videos <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/Mac\/iPhone\/Luna_Nala.mov\" title=\"Click picture\">straight from the source<\/a> &#8230;<\/p>\n<p><video style='width:100%;' controls><source type='video\/mp4' src='http:\/\/www.rjmprogramming.com.au\/Mac\/iPhone\/Luna_Nala.mov'><\/source><\/video><\/p>\n<p>No doubt many of you out there have been trying this feature out yourselves?!<\/p>\n<hr>\n<p id='qtpmvct'>Previous relevant <a target=_blank title='QuickTime Player Mov Video Conversion Tutorial' href='\/\/www.rjmprogramming.com.au\/ITblog\/quicktime-player-mov-video-conversion-tutorial\/'>QuickTime Player Mov Video Conversion Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/Mac\/iPhone\/spinningaround.gif\"><img decoding=\"async\" style=\"float:left;border: 15px solid pink;\" alt=\"QuickTime Player Mov Video Conversion Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/Mac\/iPhone\/spinningaround.gif\" title=\"QuickTime Player Mov Video Conversion Tutorial\"   \/><\/a><p class=\"wp-caption-text\">QuickTime Player Mov Video Conversion Tutorial<\/p><\/div>\n<p>Yesterday&#8217;s <a title='Spinning Around Primer Tutorial' href='#sapt'>Spinning Around Primer Tutorial<\/a> changed quite a bit between 27th March 2019 06:00 and 11:20 AEST.  Why?  Well, our iPhone6 saves its videos (from the Camera iOS application) in *.mov format.  This *.mov has an associated mimetype <i>video\/quicktime<\/i> and as you may surmise from that mimetype it&#8217;s success as a video playing format depends <b>quite a bit<\/b> on the user having access to the QuickTime Player application.  We say <b>quite a bit<\/b> here because you can sometimes open an *.mov based URL in a web browser of a computer without <a title=\"QuickTime information from Apple\" href=\"https:\/\/support.apple.com\/downloads\/quicktime\" target=\"_blank\">QuickTime Player<\/a> installed, and believe I&#8217;ve seen the video be played that way, but with yesterday&#8217;s tutorial, we were asking the *.mov be played within an HTML video element (albeit one with no cross-domain issues).  The problem here even for computers with QuickTime Player installed &#8230;<\/p>\n<ul>\n<li>you see a <i>blank black<\/i> video screen (with controls (because we specified that with our &#8230;<br \/>\n<code><br \/>\n&lt;video style='width:100%;' controlshttp:\/\/www.rjmprogramming.com.au\/wordpress\/wp-admin\/post.php?post=44345&action=editsource type='video\/quicktime' src='http:\/\/www.rjmprogramming.com.au\/Mac\/iPhone\/spinning_around.mov'http:\/\/www.rjmprogramming.com.au\/wordpress\/wp-admin\/post.php?post=44345&action=edit\/source&gt;&lt;\/video&gt;<br \/>\n<\/code><br \/>\n &#8230; video element HTML above)<\/li>\n<li>you click the play button and nothing happens<\/li>\n<\/ul>\n<p>All a bit disappointing, but please read on.<\/p>\n<p>Then we set out thinking about conversion from &#8230;<\/p>\n<ul>\n<li>*.mov to *.m4v via older QuickTime Player Version 10.4 (894.12) (no longer available as of Version 10.5 (928.50)) &#8230; which we associated with its <i>video<\/i> element in <a title='Spinning Around Primer Tutorial' href='#sapt'>Spinning Around Primer Tutorial<\/a><\/li>\n<li>*.mov to *.mp4 via <a target=_blank title='ffmpeg' href='https:\/\/www.ffmpeg.org\/'>ffmpeg<\/a> and help from <a target=_blank title='Great link, thanks' href='https:\/\/mrcoles.com\/convert-mov-mp4-ffmpeg\/'>this great link<\/a>, thanks, to use on a MacBook Pro (Terminal application) command line, the command &#8230;<br \/>\n<code><br \/>\nffmpeg -i spinning_around.mov -vcodec h264 -acodec mp2 spinning_around.mp4<br \/>\n<\/code><br \/>\n &#8230; which we associated with clicking on the tutorial picture of yesterday&#8217;s <a title='Spinning Around Primer Tutorial' href='#sapt'>Spinning Around Primer Tutorial<\/a><\/li>\n<\/li>\n<\/ul>\n<p> &#8230; and then reflecting, and <a target=_blank title='Reflecting' href='https:\/\/www.google.com\/search?q=playing+mov+in+video+elements+inline&#038;rlz=1C5CHFA_enAU832AU832&#038;oq=playing+mov+in+video+elements+inline&#038;aqs=chrome..69i57.66573j0j7&#038;sourceid=chrome&#038;ie=UTF-8'>thinking this cannot be so<\/a>, we got to <a target=_blank title='Useful link, thanks' href='https:\/\/stackoverflow.com\/questions\/31380695\/how-to-open-mov-format-video-in-html-video-tag'>another great link<\/a>, thanks, and realized that &#8230;<\/p>\n<p><code><br \/>\n&lt;video style='width:100%;' controls&gt;&lt;source type='video\/mp4' src='http:\/\/www.rjmprogramming.com.au\/Mac\/iPhone\/spinning_around.mov'&gt;&lt;\/source&gt;&lt;\/video&gt;<br \/>\n<\/code><\/p>\n<p> &#8230; could be played in the <i>video<\/i> element, as below &#8230;<\/p>\n<p><video style='width:100%;' controls><source type='video\/mp4' src='http:\/\/www.rjmprogramming.com.au\/Mac\/iPhone\/spinning_around.mov'><\/source><\/video><\/p>\n<p>You can also see this play out at WordPress 4.1.1&#8217;s <a target=_blank  href='\/\/www.rjmprogramming.com.au\/ITblog\/quicktime-player-mov-video-conversion-tutorial\/'>QuickTime Player Mov Video Conversion Tutorial<\/a>.<\/p>\n<hr>\n<p id='sapt'>Previous relevant <a target=_blank title='Spinning Around Primer Tutorial' href='\/\/www.rjmprogramming.com.au\/ITblog\/spinning-around-primer-tutorial\/'>Spinning Around Primer Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/Mac\/iPhone\/spinning_around.mp4\"><img decoding=\"async\" style=\"float:left;border: 15px solid pink;\" alt=\"Spinning Around Primer Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/Mac\/iPhone\/spinning_around.jpg\" title=\"Spinning Around Primer Tutorial\"   \/><\/a><p class=\"wp-caption-text\">Spinning Around Primer Tutorial<\/p><\/div>\n<p>That Kylie Minogue song <a target=_blank title=\"Spinning Around\" href='https:\/\/www.youtube.com\/watch?v=ekpM8eD3LM4'>&#8220;I&#8217;m spinning around &#8230;&#8221;<\/a> <strike>spins<\/strike>springs to mind with today&#8217;s tutorial.<\/p>\n<p>Have you ever wanted to made a video to try to make yourself, or someone else, dizzy?   Well, we thought about this, and decided we&#8217;d &#8230;<\/p>\n<ol>\n<li>use an iPhone &#8230;<\/li>\n<li>start up its Camera app<\/li>\n<li>get it ready for (normal) Video mode<\/li>\n<li>grab a broom<\/li>\n<li>grab a rubber band, the thicker the safer for your iPhone &#8230; please be careful &#8230;<\/li>\n<li>bind the iPhone onto the broom handle via the rubber band, as tightly as you can<\/li>\n<li>tap the red button awaiting you starting the Video recording, on the iPhone &#8230; doh! &#8230;<\/li>\n<li>spin the broom handle for a while &#8230; we did about 10 seconds<\/li>\n<li>tap the red button to stop recording<\/li>\n<li>share the dizzifying Video, as we do here <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/Mac\/iPhone\/spinning_around.mov\" title=\"Click picture\">and below<\/a><\/li>\n<\/ol>\n<p><!--video style='width:100%;' controls><source type='video\/quicktime' src='http:\/\/www.rjmprogramming.com.au\/Mac\/iPhone\/spinning_around.mov'><\/source><\/video--><\/p>\n<p><video style='width:100%;' controls><source type='video\/mp4' src='http:\/\/www.rjmprogramming.com.au\/Mac\/iPhone\/spinning_around.m4v'><\/source><\/video><\/p>\n<p>Are you dizzy yet?<\/p>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d44332' onclick='var dv=document.getElementById(\"d44332\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/video\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d44332' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n<hr>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d44346' onclick='var dv=document.getElementById(\"d44346\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/quicktime\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d44346' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n<hr>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d44372' onclick='var dv=document.getElementById(\"d44372\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/camera\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d44372' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Continuing the video theme of yesterday&#8217;s QuickTime Player Mov Video Conversion Tutorial today we try out the iPhone (ie. iOS) Camera app&#8217;s Video mode&#8217;s Slo-Mo mode of use. Get ready for longer but attention grabbing videos straight from the source &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/camera-app-video-slow-motion-primer-tutorial\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12,20,30,37],"tags":[84,89,183,626,631,760,980,1153,1319,1369],"class_list":["post-44372","post","type-post","status-publish","format-standard","hentry","category-elearning","category-ios","category-photography","category-tutorials","tag-animation-2","tag-app","tag-camera","tag-ios","tag-iphone","tag-media","tag-presentation","tag-slow-motion","tag-tutorial","tag-video"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/44372"}],"collection":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/comments?post=44372"}],"version-history":[{"count":4,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/44372\/revisions"}],"predecessor-version":[{"id":44386,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/44372\/revisions\/44386"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=44372"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=44372"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=44372"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}