{"id":10511,"date":"2014-11-07T05:05:07","date_gmt":"2014-11-06T18:05:07","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=10511"},"modified":"2016-08-31T17:39:46","modified_gmt":"2016-08-31T07:39:46","slug":"phpjavascript-media-synchronize-cross-browser-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/phpjavascript-media-synchronize-cross-browser-tutorial\/","title":{"rendered":"PHP\/Javascript Media Synchronize Cross Browser Tutorial"},"content":{"rendered":"
\"PHP\/Javascript<\/a>

PHP\/Javascript Media Synchronize Cross Browser Tutorial<\/p><\/div>\n

Well might we call this tutorial “cross”<\/i> browser, because there are a few “cross”<\/i> browsers after the goings on … and there is still more to do … but … continuing on with the Media Synchronize ideas today … let’s retrace …<\/p>\n

A few (more) days back with PHP\/Javascript Media Synchronize Follow Up Tutorial<\/a> 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<\/a> (you just use the PHP file_get_contents()<\/a> method).<\/p>\n

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.<\/p>\n

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<\/a> 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 http:\/\/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.<\/p>\n

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()<\/a> method to introduce a generic lookerer upperer<\/i> over the top of an existing arrangement.<\/p>\n

We had to change five PHP software components to make this interface work:<\/p>\n