{"id":12627,"date":"2015-02-18T05:03:18","date_gmt":"2015-02-17T18:03:18","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=12627"},"modified":"2015-02-18T05:03:18","modified_gmt":"2015-02-17T18:03:18","slug":"changing-the-reel-primer-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/changing-the-reel-primer-tutorial\/","title":{"rendered":"Changing the Reel Primer Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/change_the_reel_video.php\"><img decoding=\"async\" style=\"float:left; border: 15px solid pink;\" alt=\"Changing the Reel Primer Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/PHP\/change_the_reel.png\" title=\"Changing the Reel Primer Tutorial\" id='xif' onmouseover=\" this.src=this.src.replace('.jpg','.PNG').replace('.png','.jpg').replace('.PNG','.png');  \"  \/><\/a><p class=\"wp-caption-text\">Changing the Reel Primer Tutorial<\/p><\/div>\n<p>Yesterday&#8217;s <a target=_blank title='Image Fits in Gimp and Paintbrush Primer Tutorial' href='#ifigappt'>Image Fits in Gimp and Paintbrush Primer Tutorial<\/a> as shown below, set me to thinking more about video playing and synchronization of playing (videos).  Synchronization of the playing of videos is a bit of a misnomer these days because the days of &#8220;autoplay&#8221; not meaning you have to hit a button, have taken a big beating since the advent of mobile platforms.  In this sense why &#8220;kick a dead horse&#8221; and why not think of more arrangements for video playing that could be useful.<\/p>\n<p>With that in mind, we made up a &#8220;Change the Reel&#8221; web application where the user starts the videos, and controls it &#8230; maybe they want synchronization (and perhaps they&#8217;ll achieve it) or maybe they want to play one after the other (and that is like &#8220;Changing the Reel&#8221;) &#8230; but whatever way, they click\/touch buttons to make things happen.<\/p>\n<p>This is the initial draft of the program, and can think of more friendly things to do, with it, for the future, but this will stand for now.  Why not try it with some videos you know?  We try it, today, with our tutorial, with the videos of yesterday&#8217;s tutorial.<\/p>\n<p>PHP software wise we created a new PHP programming source code file called <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/change_the_reel_video.php_GETME\" title=\"change_the_reel_video.php\">change_the_reel_video.php<\/a> and an updated <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/video_generic.php-----GETME\" title=\"video_generic.php\">video_generic.php<\/a> that changed for our purposes in this <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/PHP\/video_generic.php-----GETME\" title=\"video_generic.php\">way<\/a> &#8230; and here is our <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/change_the_reel_video.php\" title='Click picture'>live run<\/a> link.<\/p>\n<hr \/>\n<p id='ifigappt'>Previous relevant <a target=_blank title='Image Fits in Gimp and Paintbrush Primer Tutorial' href='http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=12600'>Image Fits in Gimp and Paintbrush Primer Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a id='myva' onclick=\"window.open('http:\/\/www.rjmprogramming.com.au\/PHP\/video_generic.php?filen=ImageFit_Paintbrush&#038;pat=Mac\/&#038;dom=http:\/\/www.rjmprogramming.com.au:80\/','_blank','top=500,left=20,width=900,height=400');\" target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/video_generic.php?filen=ImageFit_Gimp&#038;pat=Mac\/&#038;dom=http:\/\/www.rjmprogramming.com.au:80\/\"><img decoding=\"async\" style=\"float:left; border: 15px solid pink;\" alt=\"Image Fits in Gimp and Paintbrush Primer Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/Mac\/ImageFit.jpg\" title=\"Image Fits in Gimp and Paintbrush Primer Tutorial\"    \/><\/a><p class=\"wp-caption-text\">Image Fits in Gimp and Paintbrush Primer Tutorial<\/p><\/div>\n<p>Yesterday&#8217;s tutorial <a target=_blank title='Xcode Swift Image Assets Primer Tutorial' href='http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=12571'>Xcode Swift Image Assets Primer Tutorial<\/a> needed lots of image &#8220;fitting&#8221; to go on <strike>man<\/strike> person.  On a Mac desktop with a MacBook Pro laptop, we find (Mac) Paintbrush to be that little bit friendlier than Gimp to use for this particular job if you have those two images as per &#8230;<\/p>\n<blockquote>\n<ul>\n<li>make one image about 1024&#215;768 that you find apt<\/li>\n<li>make one image about 200&#215;200 that you find apt<\/li>\n<\/ul>\n<\/blockquote>\n<p> &#8230; already existant.  You&#8217;d have to play our videos <a id='myva2' onclick=\"window.open('http:\/\/www.rjmprogramming.com.au\/PHP\/video_generic.php?filen=ImageFit_Paintbrush&#038;pat=Mac\/&#038;dom=http:\/\/www.rjmprogramming.com.au:80\/','_blank','top=500,left=20,width=900,height=400');\" target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/video_generic.php?filen=ImageFit_Gimp&#038;pat=Mac\/&#038;dom=http:\/\/www.rjmprogramming.com.au:80\/\">today<\/a> to see that extra default panning ability of Paintbrush to see what we mean, but when you can crop and fit all at the same time this is quite advantageous, but am not saying in Gimp you can&#8217;t do this, it is just that it is not the default in Gimp, and when you are doing a lot of something, that small difference can have quite an <a target=_blank title='effect versus affect' href='http:\/\/web.ku.edu\/~edit\/affect.html'>effect<\/a>.<\/p>\n<p>So the three images involved were &#8230;<\/p>\n<ul>\n<li><img decoding=\"async\" alt=\"Image Fits in Gimp and Paintbrush Primer Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/Mac\/1024_768.png\" title=\"1024x768 original\"    \/><\/li>\n<li><img decoding=\"async\" alt=\"Image Fits in Gimp and Paintbrush Primer Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/Mac\/300_300_gimp.png\" title=\"300x300 derived via Gimp\"    \/><\/li>\n<li><img decoding=\"async\" alt=\"Image Fits in Gimp and Paintbrush Primer Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/Mac\/300_300_paintbrush.png\" title=\"300x300 derived via Paintbrush\"    \/><\/li>\n<\/ul>\n<p>If you want to read about the video player program today, please consult <a target=_blank href='http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=10511' title='PHP\/Javascript Media Synchronize Cross Browser Tutorial'>PHP\/Javascript Media Synchronize Cross Browser Tutorial<\/a>.<\/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='#d12600' onclick='var dv=document.getElementById(\"d12600\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"http:\/\/www.rjmprogramming.com.au\/wordpress\/?tag=gimp\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d12600' 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='#d12627' onclick='var dv=document.getElementById(\"d12627\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"http:\/\/www.rjmprogramming.com.au\/wordpress\/?tag=video\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d12627' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Yesterday&#8217;s Image Fits in Gimp and Paintbrush Primer Tutorial as shown below, set me to thinking more about video playing and synchronization of playing (videos). Synchronization of the playing of videos is a bit of a misnomer these days because &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/changing-the-reel-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,30,37],"tags":[84,576,652,760,932,997,1037,1234,1319,1369],"class_list":["post-12627","post","type-post","status-publish","format-standard","hentry","category-animation","category-elearning","category-photography","category-tutorials","tag-animation-2","tag-html","tag-javascript","tag-media","tag-php","tag-programming","tag-reel","tag-synchronization","tag-tutorial","tag-video"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/12627"}],"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=12627"}],"version-history":[{"count":0,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/12627\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=12627"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=12627"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=12627"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}