WP Marketing » Tag: H.264 - Recent Posts http://wpmarketing.org/forum/tags/h264 Wordpress for Internet and Affiliate Marketing en-US Mon, 09 May 2016 05:14:58 +0000 http://bbpress.org/?v=1.0.2 <![CDATA[Search]]> q http://wpmarketing.org/forum/search.php hanadaddy on "Hana FLV Player supported video types - FLV, H.264(MP4)" http://wpmarketing.org/forum/topic/hana-flv-player-supported-video-types-flv-h264mp4#post-569 Wed, 11 Jul 2012 11:10:28 +0000 hanadaddy 569@http://wpmarketing.org/forum/ <p>Here is a quick sample of the Windows CMD batch script for batch processing of converting video files into MP4 video files.</p> <p>Create a folder and copy ffmpeg.exe and qt-faststart.exe into the folder.<br /> Create a batch file (For example, run.bat) and edit with Notepad.</p> <p>Below script convers flv files into MP4 files. Note that I used width 480 conversion.</p> <pre> for %%a in ("*.flv") do ( ffmpeg -i "%%a" -vcodec libx264 -vprofile baseline -threads 0 -acodec aac -sameq -preset fast -strict -2 -vf "scale=480:-1" "%%~na_conv.mp4" qt-faststart "%%~na_conv.mp4" "%%~na_conv_final.mp4") </pre> <p>You could change <code>.flv</code> to the extension of your video files to convert.<br /> If you want to change width, change 480 in <code>&quot;scale=480:-1&quot;</code> to something else.</p> <p>Then run the script file. </p> hanadaddy on "Best way to post mp4 video on Wordpress" http://wpmarketing.org/forum/topic/best-way-to-post-mp4-video-on-wordpress#post-533 Wed, 09 May 2012 09:38:57 +0000 hanadaddy 533@http://wpmarketing.org/forum/ <p>Just quick update on the video format.<br /> I found that only specific video and audio codecs are supported in Android 2.x versions. </p> <p>Video : H.264 Baseline<br /> Audio : AAC</p> <p>Check below link more information on how to generate such video files using free open source software. </p> <p><a href="http://wpmarketing.org/forum/topic/hana-flv-player-supported-video-types-flv-h264mp4#post-532" rel="nofollow">http://wpmarketing.org/forum/topic/hana-flv-player-supported-video-types-flv-h264mp4#post-532</a></p> <p>Thank you. </p> hanadaddy on "Hana FLV Player supported video types - FLV, H.264(MP4)" http://wpmarketing.org/forum/topic/hana-flv-player-supported-video-types-flv-h264mp4#post-532 Sun, 06 May 2012 22:40:40 +0000 hanadaddy 532@http://wpmarketing.org/forum/ <p>Android 2.x is very sensitive about the video encoding and only processes video files with video encoding of H.264 Baseline protocol (avc1) and audio encoding of AAC. I further searched the resources how to generate such video files with the free and popular FFmpeg video command line tool. Note that you also need to run qt-faststart to move video metadata into the first section of the video, so the player can show them right away without full downloading the movie. </p> <p>And here is the answer that I found for generating video files for Android 2.x (Video:H.264 Baseline , Audio: AAC). input.flv is the original video file that is used as input file of ffmpeg. The output file is output.mp4. However, since you still need to run the qt-faststart, the output-final.mp4 is the actual final mp4 file.</p> <pre> ffmpeg -i input.flv -vcodec libx264 -vprofile baseline -threads 0 -acodec aac -sameq -preset fast -strict -2 output.mp4 qt-faststart output.mp4 output-final.mp4 </pre> <p><strong>Android 2.x + compatible video creation open source software download Links</strong> </p> <ul> <li>FFmpeg (<a href="http://ffmpeg.org)">http://ffmpeg.org)</a> Windows compiled virsion that I used : <a href="http://ffmpeg.zeranoe.com/builds/win32/static/ffmpeg-20120421-git-9849515-win32-static.7z">http://ffmpeg.zeranoe.com/builds/win32/static/ffmpeg-20120421-git-9849515-win32-static.7z</a> </li> <li>Windows compiled version of qt-faststart ( <a href="http://multimedia.cx/eggs/improving-qt-faststart/">http://multimedia.cx/eggs/improving-qt-faststart/)</a> <a href="http://notboring.org/downloads/video/qt-faststart.zip">http://notboring.org/downloads/video/qt-faststart.zip</a> </li> </ul> <p><strong>Android 2.x + compatible video encoding references</strong></p> <ul> <li><a href="http://alien.slackbook.org/blog/re-encoding-video-for-android/">http://alien.slackbook.org/blog/re-encoding-video-for-android/</a> </li> <li><a href="http://ffmpeg.org/trac/ffmpeg/ticket/387?cversion=1&amp;cnum_hist=6">http://ffmpeg.org/trac/ffmpeg/ticket/387?cversion=1&amp;cnum_hist=6</a> </li> <li><a href="http://diveintohtml5.info/video.html">http://diveintohtml5.info/video.html</a> (Using Handbrake to create Mobile friendly h264 video) </li> </ul> richc on "Best way to post mp4 video on Wordpress" http://wpmarketing.org/forum/topic/best-way-to-post-mp4-video-on-wordpress#post-513 Wed, 25 Apr 2012 16:54:35 +0000 richc 513@http://wpmarketing.org/forum/ <p>No problem with the small donation ... the Hana Flv player with the Mediaelement.js is working well for .mp4 files on all devices. Besides using outside video embeds, I&#39;m looking forward to keeping as much as possible on my own servers ... or using some kind of free cloud storage for video perhaps, of course questioning <a href="http://mydesultoryblog.com/2012/04/cnet-who-owns-your-files-on-google-drive/">Google Drive</a> at the moment.</p> <p>I&#39;m looking for something similar and simple that would emulate the lightweight player or bar type that I&#39;m currently -- flash based -- for embedding mp3 audio. Something that doesn&#39;t take up much space and would play/stream in all browsers and devices. Below is a screen image of a current use of an audio clip.</p> <p> <a class='bb_attachments_link' href='http://wpmarketing.org/forum/?bb_attachments=513&bbat=38'><img src='http://wpmarketing.org/forum/?bb_attachments=513&bbat=38&inline' /></a> </p> hanadaddy on "Best way to post mp4 video on Wordpress" http://wpmarketing.org/forum/topic/best-way-to-post-mp4-video-on-wordpress#post-510 Tue, 24 Apr 2012 22:50:40 +0000 hanadaddy 510@http://wpmarketing.org/forum/ <p>Great news! Thanks a lot for your donation too. </p> <p>Sorry, no I don't have mp3 plugin. Don't know much about it yet. Once I have more information about it, I could make a plugin . </p> <p>Thanks and take care. </p> richc on "Best way to post mp4 video on Wordpress" http://wpmarketing.org/forum/topic/best-way-to-post-mp4-video-on-wordpress#post-509 Tue, 24 Apr 2012 16:23:30 +0000 richc 509@http://wpmarketing.org/forum/ <p>Genius! Yes ... that&#39;s the plug-in that was causing the problem. Thanks for the above chart and all the advice. I appreciate your Hana plug-in and hope you keep it working. Any chance you have a universal .mp3 plug-in that works in place of the flash normally used?</p> <p> <a class='bb_attachments_link' href='http://wpmarketing.org/forum/?bb_attachments=509&bbat=37'><img src='http://wpmarketing.org/forum/?bb_attachments=509&bbat=37&inline' /></a> </p> hanadaddy on "Best way to post mp4 video on Wordpress" http://wpmarketing.org/forum/topic/best-way-to-post-mp4-video-on-wordpress#post-508 Tue, 24 Apr 2012 11:50:17 +0000 hanadaddy 508@http://wpmarketing.org/forum/ <p>That was a really nice informative post. Thank you.</p> <p>MediaElement.js is HTML5 video player and supports Flash and Siliverlight fallback. See below browser compatibility chart from their website. If H.264 encoding is used , all browsers and Apple devices should be supported. </p> <p>According to your post, IE 9 and Firefox 11 do not support MediaElement properly, but when I tested under the testing WP blog in my PC, they both work OK. I noticed that you are using javascript minify feature of caching plugin. Can you disable the javascript minify and test again? I have a hunch that it has something to do with this issue.</p> <p> <a class='bb_attachments_link' href='http://wpmarketing.org/forum/?bb_attachments=508&bbat=36'><img src='http://wpmarketing.org/forum/?bb_attachments=508&bbat=36&inline' /></a> </p> richc on "Best way to post mp4 video on Wordpress" http://wpmarketing.org/forum/topic/best-way-to-post-mp4-video-on-wordpress#post-507 Mon, 23 Apr 2012 17:29:27 +0000 richc 507@http://wpmarketing.org/forum/ <p>Thanks for the update. Yes my video is H.264 with the .mp4 wrapper. Chrome plays both FLV Player Maxi and the Mediaelement.js embed. Firefox and IE only the FLV Player Maxi embed ... and of course Apple devices like the iPad only working with the Mediaelement.js embed. </p> <p>I&#39;ve tried a couple things with Wordpress but another issue is the caching which you mentioned. I&#39;ve post a couple of screen shots to <a href="http://mydesultoryblog.com/2012/04/video-for-wordpress-hana-flv-player/">my blog</a> as well as the two different embeds with short test clips.<br /> <a href="http://mydesultoryblog.com/2012/04/video-for-wordpress-hana-flv-player/" rel="nofollow">http://mydesultoryblog.com/2012/04/video-for-wordpress-hana-flv-player/</a></p> <p>I used a little Kodak Playsport Zx5 pocket camcorder on the lowest setting WVGA setting&quot;targeted&quot; for the iPad ... and although I think the files could be better optimized for streaming, they seem acceptable for short videos. I&#39;d like to get away from utilizing YouTube for a few things.</p> <p> <a class='bb_attachments_link' href='http://wpmarketing.org/forum/?bb_attachments=507&bbat=35'><img src='http://wpmarketing.org/forum/?bb_attachments=507&bbat=35&inline' /></a> </p> hanadaddy on "Best way to post mp4 video on Wordpress" http://wpmarketing.org/forum/topic/best-way-to-post-mp4-video-on-wordpress#post-506 Mon, 23 Apr 2012 15:23:50 +0000 hanadaddy 506@http://wpmarketing.org/forum/ <p>Hello, have you tried using Mediaelement.js with H.264 video files? As long as I know, it should work with all the browsers including Apple devices (iPhone, iPad). </p> <p>Let me know the browser that Mediaelement.js + H.264 video combination does not work.</p> <p>Thank you. </p> richc on "Best way to post mp4 video on Wordpress" http://wpmarketing.org/forum/topic/best-way-to-post-mp4-video-on-wordpress#post-505 Mon, 23 Apr 2012 14:06:30 +0000 richc 505@http://wpmarketing.org/forum/ <p>I'm looking for the best way to switch from flv to mp4 and include a player (players) that can be viewed by all devices in a single post. Seems the H.264 mp4s are just fine, but getting browsers and Apple devices to use the correct player a different problem, particularly with Wordpress caching. </p> <p>My first attempt was to use two different players in a single post. With a description= line in the FLV Player the Apple devices like the iPad pretty much ignore the code and don't gunk up a post with a big black box. The same is not true for Firefox and the Mediaelement.js ... or Chrome loading up both players.</p> <p>Any options for Wordpress that works across platforms? </p> hanadaddy on "Hana FLV Player supported video types - FLV, H.264(MP4)" http://wpmarketing.org/forum/topic/hana-flv-player-supported-video-types-flv-h264mp4#post-504 Mon, 23 Apr 2012 00:26:39 +0000 hanadaddy 504@http://wpmarketing.org/forum/ <p>I often receive questions about the what kind of video files are supported by Hana FLV Player.</p> <p>Since Hana FLV Player contains 2 Flash players (OS FLV, FlowPlayer) and 1 HTML5 player (MediaElement.js), I would say it supports all the types that they support.</p> <p>There are several types but I would say FLV and H.264 are the common types. FLV format is only supported by Flash , not HTML5 browsers. But for H.264, it was supported since Flash version 8 (or 9?). Also the popular fast growing Apple devices do not support Flash, but supports HTML5 video and H.264 encodings. Therefore, I think H.264 would be the good option for the future even if you do not care about Apple clients at this time. </p> <p>If your video file does not have .flv or .mp4 extension, you need to convert the video file. Such as .avi or .wmv files. But what are the ways to create the FLV or H.264 encoded video files? </p> <p>1. There are free Video format conversion software out there. But I like Any Video Converter. It is commercial product, but does provide FREE version which I think best and easiest solution out there. Please note that I am not affiliate with them in any way. Basically it provides nice and easy to use GUI screen and it utilizes various open source software as long as I know. The screen is pretty intuitive. Drag and drop the source video files in the center area, and select the output profile type (FLV or MP4-select x264) , and then click on the convert button.</p> <p><a href='http://www.any-video-converter.com/products/for_video_free'>Here is the Any Video Free Version download page</a><br /> <a class='bb_attachments_link' href='http://wpmarketing.org/forum/?bb_attachments=504&bbat=34'><img src='http://wpmarketing.org/forum/?bb_attachments=504&bbat=34&inline' /></a></p> <p>2. Use FFmpeg open source free utility. This is command prompt executable . You can download the executable from <a href='http://ffmpeg.org/download.html'>FFmpeg download page</a> . If you go down, there are FFmpeg Linux Builds and <a href='http://ffmpeg.zeranoe.com/builds'>FFmpeg Windows Builds links</a> (32-bit Builds (Static) should do the job for Windows). </p> <p>Compared to Any Video Converter, this would be uncomfortable if you are not really familiar with command prompts. And the option arguments are pretty complicated, too. But there are some merits, such as automatically generating poster images (or splash image) by using simple command. </p> <p>I will try to explain the options as easy as possible, so feel free to reply if you have any questions. </p> <p>Explanation of some popular options.</p> <pre> -i; specify input file -ar; audio sample rate -ab; audio bitrate -acodec; audio codec -r; framerate -f; output format -b; bitrate (for exmaple 400k) -s; resize to widthxheight (height must be divisible by 2) </pre> <p>Some examples</p> <pre> #Convert AVI file to MP4 with out video screen resolution 400 x 226. (by default H.264 is used) ffmpeg -i test.avi -s 400x226 testout.mp4 #Convert FLV file to MP4(by default H.264 is used) with 25 frames rate and 400K bitrate. ffmpeg -i test.flv -r 25 -b 400k -s 400x226 testout.mp4 #Convert flv file to mp4 file with the same video quality as original ffmpeg -i test.flv -sameq testout.mp4 #Bitrate must be high for qood quality but the file size is big compared to any video ffmpeg -i test.mp4 -r 30 -f flv -b 1000k -s 400x226 testout.flv #Converting mp4 to flv. -qscale option is easier way to define the video quality. I guess 5 or 6 is good enough. #Lower number is better quality. But the file size will be big. ffmpeg -i test.mp4 -r 30 -f flv -qscale 5 test5.flv #Even for flv file you can encode using the original encodings by using "-acodec copy -vcodec copy" #meaning to convert using the same audio and video encodings to create the target file ffmpeg -i output.mp4 -acodec copy -vcodec copy abcout-same.flv #For mp4 encoding , I find this example produces relatively high quality video with the smallest file size. #It uses x264 free library for H264 encoding. ffmpeg -i output.avi -vcodec libx264 -preset fast -crf 23 -threads 0 testout_small.mp4 </pre> <p>Here is the sample of generating poster image by capturing image from the video. </p> <pre>ffmpeg -ss 1 -an -i output.mp4 -f image2 -vframes 1 -s 320x240 my_image.jpg</pre> <p>The input video file is 'output.mp4' and the <code>-ss</code> option indicate the seconds of the video play position to capture. <code>-s</code> option defines the width and height pixel size of the poster image. </p>