{"id":49194,"date":"2020-06-06T03:01:28","date_gmt":"2020-06-05T17:01:28","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=49194"},"modified":"2020-06-06T09:16:00","modified_gmt":"2020-06-05T23:16:00","slug":"camera-app-photo-live-mode-primer-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/camera-app-photo-live-mode-primer-tutorial\/","title":{"rendered":"Camera App Photo Live Mode Primer Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/Mac\/iPhone\/live_mode.mp4\"><img decoding=\"async\" style=\"float:left;border: 15px solid pink;\" alt=\"Camera App Photo Live Mode Primer Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/Mac\/iPhone\/live_mode.jpg\" title=\"Camera App Photo Live Mode Primer Tutorial\"   \/><\/a><p class=\"wp-caption-text\">Camera App Photo Live Mode Primer Tutorial<\/p><\/div>\n<p>Meanwhile, back at <a target=_blank title='Apple' href='https:\/\/apple.com'>Apple<\/a>&#8216;s iPhone Camera App, further to <a title='Camera App Video Slow Motion Primer Tutorial' href='#cavsmpt'>Camera App Video Slow Motion Primer Tutorial<\/a>, we wanted to find out more about that yellow &#8220;dart board&#8221; type &#8220;button&#8221; up the top that can be toggled between &#8230;<\/p>\n<ul>\n<li>live off<\/li>\n<li>live<\/li>\n<\/ul>\n<p>What is &#8220;Live Mode&#8221; as far as the iOS Camera app goes?  We consulted <a target=_blank title='what is ios camera live icon?' href='https:\/\/www.google.com\/search?q=what+is+ios+camera+live+icon&#038;rlz=1C5CHFA_enAU832AU832&#038;oq=what+is+ios+camera+live+icon&#038;aqs=chrome..69i57.10729j0j7&#038;sourceid=chrome&#038;ie=UTF-8'>Google<\/a> and came to <a target=_blank title='How to Use Live Photos on iPhone and iPad' href='https:\/\/www.macrumors.com\/how-to\/live-photos-iphone-ipad\/'>How to Use Live Photos on iPhone and iPad<\/a> &#8230;<\/p>\n<blockquote cite='https:\/\/www.macrumors.com\/how-to\/live-photos-iphone-ipad\/'><p>\nBasically, a Live Photo is a combination of a video clip and a still image that results in something akin to an animated GIF when long pressed. With the feature enabled, your iPhone or iPad grabs up to 1.5 seconds of video before and up to 1.5 seconds of video after you tap the shutter button.\n<\/p><\/blockquote>\n<p> &#8230; as a &#8220;very cute&#8221; hybrid between &#8220;photo&#8221; mode and &#8220;video&#8221; mode and &#8220;slo-mo&#8221; (video) mode.  Afterwards, if your &#8220;live&#8221; mode photo is saved into Photos it will sit in &#8230;<\/p>\n<p><code><br \/>\nAlbums -&gt; Media Types -&gt; Live Photos<br \/>\n<\/code><\/p>\n<p> &#8230; and will present, initially, like a &#8220;still&#8221;, but touch (for a goodly time), will &#8220;very cutely&#8221; turn into an animation (like an animated GIF that you control).<\/p>\n<p>So what happens if you share this &#8220;live photo&#8221; via email?  On this MacBook Pro, it gets shared as a &#8220;still&#8221;.  On an iPad (opened email) it shares as a &#8220;still&#8221;, as it does on the same iPhone device it was taken on, in that iPhone&#8217;s Mail app.  But &#8230;<\/p>\n<p><code><br \/>\nTouch Photos app icon -&gt; Albums -&gt; Media Types -&gt; Live Photos -&gt; Long Touch on \"Live Photo\" of interest<br \/>\n<\/code><\/p>\n<p> &#8230; brings the whole &#8220;back story&#8221; to light.<\/p>\n<p><video style=\"width:100%;\" controls><source src='http:\/\/www.rjmprogramming.com.au\/Mac\/iPhone\/live_mode.mp4' type='video\/mp4'><\/source><\/video><\/p>\n<p><!--p>You can also see this play out at WordPress 4.1.1's <a target=_blank  href='\/\/www.rjmprogramming.com.au\/ITblog\/camera-app-photo-live-mode-primer-tutorial\/'>Camera App Photo Live Mode Primer Tutorial<\/a>.<\/p-->\n<p><i><b>Stop Press<\/b><\/i><\/p>\n<p>If you want to share a Live Mode iPhone Camera app photo in an SMS via Messages app or with another Apple iOS device in the same building, the sharing news is better.  We&#8217;ll demonstrate tomorrow.<\/p>\n<hr>\n<p id='cavsmpt'>Previous relevant <a target=_blank title='Camera App Video Slow Motion Primer Tutorial' href='\/\/www.rjmprogramming.com.au\/ITblog\/camera-app-video-slow-motion-primer-tutorial\/'>Camera App Video Slow Motion 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\/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<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='#d49194' onclick='var dv=document.getElementById(\"d49194\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/iphone\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d49194' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Meanwhile, back at Apple&#8216;s iPhone Camera App, further to Camera App Video Slow Motion Primer Tutorial, we wanted to find out more about that yellow &#8220;dart board&#8221; type &#8220;button&#8221; up the top that can be toggled between &#8230; live off &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/camera-app-photo-live-mode-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":[4,12,18,20,30,37],"tags":[83,89,91,183,626,631,3315,3316,3317,796,1738,1725,1200,1319,1369],"class_list":["post-49194","post","type-post","status-publish","format-standard","hentry","category-animation","category-elearning","category-hardware","category-ios","category-photography","category-tutorials","tag-animated-gif","tag-app","tag-apple","tag-camera","tag-ios","tag-iphone","tag-live","tag-live-mode","tag-long-touch","tag-mobile-app","tag-photo","tag-photos","tag-stop-press","tag-tutorial","tag-video"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/49194"}],"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=49194"}],"version-history":[{"count":6,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/49194\/revisions"}],"predecessor-version":[{"id":49200,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/49194\/revisions\/49200"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=49194"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=49194"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=49194"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}