Image/PDF and Audio/Video Supervised Multiple Tutorial

Image/PDF and Audio/Video Supervised Multiple Tutorial

Image/PDF and Audio/Video Supervised Multiple Tutorial

Back at Image/PDF and Audio/Video Supervised Aesthetics Tutorial we had an assumption going that there would be a one to one correspondence of …

  • input media file … to …
  • output media file

… but there are quite a few scenarios where a user wants …

  • several input media files … to end up as …
  • one output media file

… and today we cater for …

  • several input image media files … to end up as …
    1. one output animated GIF
    2. one output video
    3. one output PDF

… with more ideas to be tackled in days to come, based on the user involving a “+” character in their Input Media Textbox entries. Then it is likely that the user will browse for multiple local computer files as per


<input type=file accept=".pdf,image/*,video/*,audio/*" capture multiple></input>

For today, here is the changed macos_ffmpeg_convert.php PHP code to a place suitable to work it into the use of a PHP (perhaps Apache) local web server product such as MAMP and helped out by the changed tutorial_to_animated_gif.php animated GIF creator web application, or just use the Email functionality via live run link.


Previous relevant Image/PDF and Audio/Video Supervised Aesthetics Tutorial is shown below.

Image/PDF and Audio/Video Supervised Aesthetics Tutorial

Image/PDF and Audio/Video Supervised Aesthetics Tutorial

That work of yesterday’s …

  • Button Versus Input Type Equals Button Primer Tutorial‘s button element improved approach to working with email addresses in consort with window.localStorage “memory” (even between sessions) … combines with …
  • the recent work of Image/PDF and Audio/Video Supervised Conversions Tutorial … “sprinkled with” …
  • some CSS aesthetic improvements …

    <style>
    input[type=text] { background-color: #f0f0f0; border-radius: 5px; }
    input[type=submit] { font-size: 18px; border-radius: 20px; }
    button { font-size: 18px; border-radius: 20px; }
    div[contenteditable=true] { font-size: 14px; border-radius: 5px; }
    table { border-radius: 25px; }
    </style>

    … add onto various bits of inline CSS styling such as

    <body style="background: linear-gradient(to left, #ffffff 20%, #ffefba 80%); ">

    … and …
  • some mobile platform functionality and emoji display improvements

… to give a bit of a makeover to our “Media” conversions web application, today.

Why emojis (as such) regarding “mobile” (platforms only)? Well, there is a “behind the scenes” dual purpose side to this web application on “mobile” platforms for two reasons …

  1. “mobile” platforms do not support our ffmpeg nor ImageMagick conversion “helpers” … and …
  2. called “capture” attribute of the called Local File Browsing opens the door to a user capturing their media via their smart device, and the natural urge here to share via email

… are both reasons the web application might be more apt for your “mobile” users to take a photo (we use emoji &#129331; 🤳) and then email (we use emoji &#128231; 📧) and remind the user of this possibility, because their gaze is quite likely to fall onto these two emoji concepts on the screen. Meanwhile, in the code, we’ve tweaked things so that the conversion half of the web application’s functionality is not essential, but leave the “output” half of the web application in even for “mobile” users because a web application is what it is, for a user to work it as they will.

And what of the “command line” PHP “mode of use” for this web application? Well, we recommend you download and use the cloned convert_audiovideo_please.ksh Korn Shell script that can be a “listener” for downloaded media off those email attachments (sent to emailees). You could execute this “listener” as a macOS or Linux backup process via …


ksh convert_audiovideo_please.ksh &

And so, here is the changed macos_ffmpeg_convert.php PHP code to a place suitable to work it into the use of a PHP (perhaps Apache) local web server product such as MAMP or just use the Email functionality via live run link.

Also for the Document Conversion web application that makeover is very similar whereby the changed macos_textutil_convert.php PHP code to a place suitable to work it into the use of a PHP (perhaps Apache) local web server product such as MAMP or just use the Email functionality via Document Conversion live run link.


Previous relevant Audio and Video Supervised Conversions Primer Tutorial is shown below.

Audio and Video Supervised Conversions Primer Tutorial

Audio and Video Supervised Conversions Primer Tutorial

Were you here, or remember, the blog posting called MacOS Document Conversion Primer Tutorial, when we surmised …

A good thing about a “version control” or “source control” system is that you can …

  • “pick up” from any version …
  • “clone” to another name …
  • “branch off” immediately into a new version …

… to effectively “clone” the suitable progress point from a previous project as the start to a new project.

… ? Well, yesterday’s Pandoc Document Conversion Email Tutorial felt like another such “cloning” possibility, as it felt like a “progress point” (to me and Nala). Such “cloning”, to our mind, is a bit “over the top” if there is no good reason. But we think there is. Lately, we’ve been developing “Document” conversion software. In Information Technology, under the banner of “document processing”, that work is of interest. Another area of Information Technology software concerns media … to us, that being …

  • image
  • audio
  • video

… and it is in this “Media” field, starting out with just (the) “audio and video” (options) above, we feel we’d like to start developing “Media” conversion software, because we know of a brilliant Open Source suite of software called ffmpeg that we want to work with here. Though you might say we are “the hangers oners” in this arrangement, it is true in a lot of life’s work that getting to the smart stuff is not as easy as you’d think, and the better you can arrange it, the more efficient will the users of all this software feel.

You’ll notice with our blog posting title there being no mention of macOS or Mac OS X today. Yes, today’s “media” helper is Open Source across operating systems and we so far are not checking that you have installed ffmpeg or not. For now, it is a “suck it and see” approach. But we do not want to install ffmpeg up at our public rjmprogramming.com.au domain web server, and so we write this “Media Conversion” software with the thinking that on your local computer you may install ffmpeg and find it then useful to download the cloned macos_ffmpeg_convert.php PHP code to a place suitable to work it into the use of a PHP (perhaps Apache) local web server product such as MAMP. This PHP calls on our File API friend, a changed client_browsing.htm local file browser web application.

If this was interesting you may be interested in this too.


If this was interesting you may be interested in this too.


If this was interesting you may be interested in this too.


If this was interesting you may be interested in this too.

This entry was posted in eLearning, Event-Driven Programming, Operating System, Tutorials and tagged , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , . Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>