jQuery

HTML5 Video Canvas to Capture Image Frames

by

Mobile will continue to be the big trends in 2013 because more users accessing websites on mobile devices. HTML5 Canvas help you for optimizing your site and video ads for mobile will become increasingly important. canvas2image – A tool for saving or converting canvas as images 😉 HTML5 Video to Image gallery is very easy … Read more

FFMpeg Video to Image Gallery

by

1. FFMpeg create images using video source # ffmpeg -i video.mp4 -s 560×315 images/image%d.jpg 2. Create image sequence gallery <?php $files = array(); foreach (glob(“images/*.jpg”) as $filename) { $files[] = $filename; } natsort($files); ?> <div id=”slideshow”> <?php $i=1; foreach ($files as $filename) { if($i%15==0) { ?> <img src=”<?php echo $filename; ?>” <?php if($i==15) { ?> … Read more

Android HTML5 Audio duration and loadProgress in audio.js

by

audio.js is a drop-in javascript library that allows HTML5’s <audio> tag to be used anywhere. AudioJS uses native <audio> where available and an invisible flash player to emulate <audio> for other browsers. AudioJS provides a consistent html player GUI to all browsers which can be styled used standard CSS. But I faced a issue in … Read more

Open ColorBox from iFrame to Parent Window

by

function iframecode(url, w, h) { window.parent.$.colorbox({href:url, iframe: true, scrolling: false, width: w, height: h}); } var headID = window.parent.document.getElementsByTagName(“head”)[0]; var newScript = window.parent.document.createElement(‘script’); newScript.type = ‘text/javascript’; newScript.src = ‘https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js’; headID.appendChild(newScript); var headID = window.parent.document.getElementsByTagName(“head”)[0]; var cssNode = window.parent.document.createElement(‘link’); cssNode.type = ‘text/css’; cssNode.rel = ‘stylesheet’; cssNode.href = ‘http://demo.svnlabs.com/colorbox/example3/colorbox.css’; cssNode.media = ‘screen’; headID.appendChild(cssNode); var headID = window.parent.document.getElementsByTagName(“head”)[0]; … Read more