Today we give the media cross browser issues a break โฆ phew! โฆ but continue on file browsing โฆ and today add in functionality to search how ever many interactively browsed in files for (a count of those) search strings (which can also be a Javascript regular expression) of interest โฆ like Windows command line โfindstrโ or Linux/Unix (command line โฆ doh!) โfgrepโ โฆ so this could be useful as a GUI approach to some โcommand lineโ โclassicsโ โฆ shall we say โฆ โclassicsโ โฆ thanks.
So there are a variety of live run ideas here โฆ
- Live Run โฆ where you do find string searching as you see fit via the Find checkbox
- Live Run โฆ you will do find string searching and you fill in the string to search for in the textbox at your leisure
- Live Run โฆ you will do find string searching and you have a default (or final) value for the search string established in the textbox so the Browse button is clicked/tapped ready for you to select files in which to search within
- Live Run โฆ you will do find string searching and you get immediately prompted for the string to search for, and if that ends up being a string, the Browse button is clicked/tapped ready for you to select files in which to search within
We had to change one PHP software component to make this find functionality happen:
- fileinfotable
php the changes for which are explained with fileinfotablephp
Of interest is the Javascript string function split() and how it can take as an argument a Javascript regular expression delimited at each end by โ/โ โฆ so, in Javascript, to make this allowable dynamically we used eval() โฆ as in the code snippet below โฆ
if (fwhat != "") {
if (fwhat.length > 2 && fwhat.substring(0,1) == "/" && fwhat.substring((fwhat.length - 1)) == "/") {
fws = eval("xfcont.split(" + fwhat + ")");
} else {
fws = xfcont.split(fwhat);
}
fwsc = " ... Find Count is " + eval(fws.length - 1);
findwordscnt = eval(fws.length - 1);
}
For todayโs tutorial also made big use of the Javascript string function fromCharCode() which can sometimes save the day when, with PHP, writing out Javascript dynamically, the delimitations get too convoluted, and you can settle for the use of fromCharCode() to define your string character and not have to worry about delimitation.
There was, and still is, an absolutely brilliant link called Reading local files in JavaScript โ HTML5 Rocks which helped enormously with the file API aspects to the โtruncatedโ uploading functionality methods to file browse with PHP and HTML and Javascript on the web (with a URL). And then this useful link helped enormously with the curl usage โฆ thanks.
Hope you get something out of todayโs tutorial.
Previous relevant PHP/Javascript Media Synchronize Cross Browser Tutorial is shown below.
Well might we call this tutorial โcrossโ browser, because there are a few โcrossโ browsers after the goings on โฆ and there is still more to do โฆ but โฆ continuing on with the Media Synchronize ideas today โฆ letโs retrace โฆ
A few (more) days back with PHP/Javascript Media Synchronize Follow Up Tutorial as shown below, we continued on developing a Media Synchronizing web application, building on the framework for file browsing with PHP on the web either at the client computer or the web server computer, discussing the zipping of files, and the need for PHP as a server-side language, and great (ie. easy) interpreter of data urls (you just use the PHP file_get_contents() method).
It worked okay with Firefox, our favourite web browser here, but there were issues with others, and, like we said earlier, there are still some issues, but we are further down the line.
Itโs been a bit more than a week since we discussed media files and the playing of these, with the cross-browser issues and the like, with the Audio Video Follow Up Tutorial as shown way below, and the old tutorial above had code that worked okay on the local MAMP web server here, as youโll notice from its //localhost:888/ URLs, but, sadly, the optimist in me got the better of me, and it didnโt work as well on the rjmprogramming.com.au domain. As for why, am not absolutely certain, but no use crying over spilt milk โฆ it gets that oily look that none of us like โฆ instead had to ditch the dream of using a data url approach, and today took the step back necessary in such circumstances, sometimes, and began again with a new software component.
Today we (again try to) interface these two ideas so that when you file browse, if you pick an audio and a video file when you file browse the PHP code will arrange a prompt you can answer to attempt to synchronize the playing of the audio and video data, coming out of the file browsing PHP as a data url interpreted in PHP with file_get_contents() method, and making use of Javascriptโs setInterval() method to introduce a generic lookerer upperer over the top of an existing arrangement.
We had to change five PHP software components to make this interface work:
- audio_video
html the changes for which are explained with audio_videohtml
- audio_video
php the changes for which are explained with audio_videophp
- audio_generic
php the changes for which are explained with audio_genericphp
- video_generic
php the changes for which are explained with video_genericphp
- fileinfotable
php the changes for which are explained with fileinfotablephp
There was, and still is, an absolutely brilliant link called Reading local files in JavaScript โ HTML5 Rocks which helped enormously with the file API aspects to the โtruncatedโ uploading functionality methods to file browse with PHP and HTML and Javascript on the web (with a URL). And then this useful link helped enormously with the curl usage โฆ thanks.
Hope you get an idea or four out of todayโs tutorial. By the way, if the synchronization is not spot on for the first run through, due to upload speed issues, it is worth trying to click the Synchronize link for which there is underlying Javascript logic to try to start synchronizing the audio with the video again. This is good for one go, but subsequent goes may require you to go back to liverun.
Previous relevant PHP/Javascript Media Synchronize Follow Up Tutorial is shown below.
A few days back with PHP/Javascript Media Synchronize File Browsing Tutorial as shown below, we continued on developing a Media Synchronizing web application, building on the framework for file browsing with PHP on the web either at the client computer or the web server computer, discussing the zipping of files, and the need for PHP as a server-side language, and great (ie. easy) interpreter of data urls (you just use the PHP file_get_contents() method).
Itโs been a bit more than a week since we discussed media files and the playing of these, with the cross-browser issues and the like, with the Audio Video Follow Up Tutorial as shown way below, and the old tutorial above had code that worked okay on the local MAMP web server here, as youโll notice from its //localhost:888/ URLs, but, sadly, the optimist in me got the better of me, and it didnโt work as well on the rjmprogramming.com.au domain. As for why, am not absolutely certain, but no use crying over spilt milk โฆ it gets that oily look that none of us like โฆ instead had to ditch the dream of using a data url approach, and today took the step back necessary in such circumstances, sometimes, and began again with a new software component.
Today we (again try to) interface these two ideas so that when you file browse, if you pick an audio and a video file when you file browse the PHP code will arrange a prompt you can answer to attempt to synchronize the playing of the audio and video data, coming out of the file browsing PHP as a data url interpreted in PHP with file_get_contents() method, and making use of Javascriptโs setInterval() method to introduce a generic lookerer upperer over the top of an existing arrangement.
We had to change four PHP software components to make this interface work:
- audio_video
php is the new software component as mentioned above
- audio_generic
php the changes for which are explained with audio_genericphp
- video_generic
php the changes for which are explained with video_genericphp
- fileinfotable
php the changes for which are explained with fileinfotablephp
There was, and still is, an absolutely brilliant link called Reading local files in JavaScript โ HTML5 Rocks which helped enormously with the file API aspects to the โtruncatedโ uploading functionality methods to file browse with PHP and HTML and Javascript on the web (with a URL). And then this useful link helped enormously with the curl usage โฆ thanks.
Hope you get an idea or three out of todayโs tutorial. By the way, if the synchronization is not spot on for the first run through, due to upload speed issues, it is worth trying to click the Synchronize link for which there is underlying Javascript logic to try to start synchronizing the audio with the video again. This is good for one go, but subsequent goes may require you to go back to liverun.
Previous relevant PHP/Javascript Media Synchronize File Browsing Tutorial is shown below.
Yesterday with PHP/HTML/Javascript Zipping Files File Browsing Tutorial as shown below, we continued on with the framework for file browsing with PHP on the web either at the client computer or the web server computer, discussing the zipping of files, and the need for PHP as a server-side language, and great (ie. easy) interpreter of data urls (you just use the PHP file_get_contents() method).
Itโs been about a week since we discussed media files and the playing of these, with the cross-browser issues and the like, with the Audio Video Follow Up Tutorial as shown below.
Today we interface these two ideas so that when you file browse, if you pick an audio and a video file when you file browse the PHP code will arrange a prompt you can answer to attempt to synchronize the playing of the audio and video data, coming out of the file browsing PHP as a data url interpreted in PHP with file_get_contents() method, and making use of Javascriptโs setInterval() method to introduce a generic lookerer upperer over the top of an existing arrangement.
We had to change three PHP software components to make this interface work:
- audio_generic
php the changes for which are explained with audio_genericphp
- video_generic
php the changes for which are explained with video_genericphp
- fileinfotable
php the changes for which are explained with fileinfotablephp
There was an absolutely brilliant link called Reading local files in JavaScript โ HTML5 Rocks which helped enormously with the file API aspects to the โtruncatedโ uploading functionality methods to file browse with PHP and HTML and Javascript on the web (with a URL). And then this useful link helped enormously with the curl usage โฆ thanks.
Hope you get an idea out of todayโs tutorial.
Previous relevant Audio Video Follow Up Tutorial is shown below.
The major web browsers on a Mac laptop or Windows laptop have differences in rendering and methods by which they play media files. With this in mind, todayโs tutorial attempts to play audio or video or audio and video together in synchronization (augmenting yesterdayโs Audio Video Primer Tutorial as shown below) across the major browsers, and for some mobile platforms, where โฆ
- the audio and/or video plays (asking for interactive input with the mobile platforms) as soon as the webpage loads โฆ annoying if you are not informed of this, but today we really really feel like we should really really warn you โฆ so we really think that โฆ you should really be warned โฆ clicking the buttons could load audio or video or both, really
- show controls (in a minimalist style for mobile platforms)
- loop the audio and/or video file(s), for non-mobile web, but not for mobile platforms
- we start to cater for mime types outside audio/ogg, audio/mp3, audio/wav, video/ogg, video/mp4, video/webm โฆ as an iPhone, for instance, can output videos of video/mp4 *.m4v format โฆ and for help here we thank โฆ
- PHP url_exists() ideas
- Mime type lists here and here โฆ thanks
โฆ as you can see there are quite a few scenarios โฆ let alone considering the audio and/or video (default) format(s) which the <audio> and <video> tags support for this web application โฆ as far as that goes, consult the w3schools audio link and/or video link.
Along the way you may need some (online) audio and/or video format conversion functionality, and for this we like Audio and/or Video conversions online (for example).
You may want to read more about other similar issues, which are sometimes referred to as cross-browser issues.
So in this tutorial you can imagine Internet Explorer 11 and Safari, Opera and Chrome, and see Firefox, playing an audio and/or a video file. Here is a liverun link, which for its default scenario refers to GoToMeeting Primer Tutorial.
Here is some HTML programming source code you could call audio_videohtml supervising audio PHP programming source code you could call audio_generic
php and video PHP programming source code you could call video_generic
php to oversee the playing of audio or video or both, synchronized. If there are complex cross-browser issues they can be resolved by a server-side language such as PHP (or ASP.Net) ahead of the HTML reaching the clientโs web browser.
The difference links for the less widely friendly code versions of the tutorial below are โฆ audio_videohtml supervising audio PHP programming source code you could call audio_genericphp and video PHP programming source code you could call video_genericphp
Previous relevant Audio Video Primer Tutorial is shown below.
The major web browsers on a Mac laptop or Windows laptop have differences in rendering and methods by which they play media files. With this in mind, todayโs tutorial attempts to play audio or video or audio and video together in synchronization (augmenting yesterdayโs Video on Web Browser Primer Tutorial as shown below) across the major browsers where โฆ
- the audio and/or video plays as soon as the webpage loads โฆ annoying if you are not informed of this, but today we really really feel like we should really really warn you โฆ so we really think that โฆ you should really be warned โฆ clicking the buttons could load audio or video or both, really
- show controls
- loop the audio and/or video file(s)
โฆ as you can see there are quite a few scenarios โฆ let alone considering the audio and/or video format(s) โฆ as far as that goes, consult the w3schools audio link and/or video link.
Along the way you may need some (online) audio and/or video format conversion functionality, and for this we like Audio and/or Video conversions online (for example).
You may want to read more about other similar issues, which are sometimes referred to as cross-browser issues.
So in this tutorial you can imagine Internet Explorer 11 and Safari, Opera and Chrome, and see Firefox, playing an audio and/or a video file. Here is a liverun link, which for its default scenario refers to GoToMeeting Primer Tutorial.
Here is some HTML programming source code you could call audio_videohtml supervising audio PHP programming source code you could call audio_generic
php and video PHP programming source code you could call video_generic
php to oversee the playing of audio or video or both, synchronized. If there are complex cross-browser issues they can be resolved by a server-side language such as PHP (or ASP.Net) ahead of the HTML reaching the clientโs web browser.
Previous relevant Video on Web Browser Primer Tutorial is shown below.
The major web browsers on a Mac laptop or Windows laptop have differences in rendering and methods by which they play media files. With this in mind, todayโs tutorial attempts to play video (augmenting yesterdayโs Audio on Web Browser Primer Tutorial as shown below) across the major browsers where โฆ
- the video plays as soon as the webpage loads โฆ annoying if you are not informed of this, but today we feel like we should warn you โฆ so we think that โฆ you should be warned โฆ clicking the picture should load a video file
- show controls
- loop the video file
โฆ as you can see there are quite a few scenarios โฆ let alone considering the video format โฆ as far as that goes, consult this w3schools link.
Along the way you may need some (online) video format conversion functionality, and for this we like M4V to OGG conversions online (for example).
Where can you source some video files? โฆ We (probably all) like YouTube for this, particularly as you get great help with their wonderful advice on how to embed the video into your own HTML.
You may want to read more about other similar issues, which are sometimes referred to as cross-browser issues.
So in this tutorial you can imagine Internet Explorer 11 and see Firefox, Safari, Opera and Chrome playing a video file. Here is a liverun link.
Here is some PHP programming source code you could call nalaphp to play this video of Nala the dog playing Hide and Seek (one of her favourite games). If there are complex cross-browser issues they can be resolved by a server-side language such as PHP (or ASP.Net) ahead of the HTML reaching the clientโs web browser.
Previous relevant Audio on Web Browser Primer Tutorial is shown below.
The major web browsers on a Mac laptop or Windows laptop have differences in rendering and methods by which they play media files. With this in mind, todayโs tutorial attempts to play audio across the major browsers where โฆ
- the audio plays as soon as the webpage loads โฆ annoying if you are not informed of this, but today we warn you โฆ so โฆ be warned โฆ clicking the picture should load an audio file
- show controls
- loop the audio file
โฆ as you can see there are quite a few scenarios โฆ let alone considering the audio format โฆ as far as that goes, consult this w3schools link.
Along the way you may need some (online) audio format conversion functionality, and for this we like MP3 to OGG conversions online (for example).
Where can you source some audio files? โฆ We like Sound Bible for this, sometimes, as for our wind sound today, also used with Battleships and Cruisers game here at this domain.
You may want to read more about other similar issues, which are sometimes referred to as cross-browser issues.
So in this tutorial you can imagine Internet Explorer 11 and see Firefox, Safari, Opera and Chrome playing an audio file. Here is a liverun link.
Here is some PHP programming source code you could call windphp to play this wind sound audio file. If there are complex cross-browser issues they can be resolved by a server-side language such as PHP (or ASP.Net) ahead of the HTML reaching the clientโs web browser.
Weโve used some of these audio techniques, too, with ESL (teaching) as below:
- A Media Job for Listening Task Class webpage Tutorial explains in some detail the making of ESL listening task English Learning โ Listening Class โ Tapioca Five Ways
- ESL listening task English Learning โ Listening Class โ Love at First Bite
- English Phonics Learning Ideas
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.
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.