To obtain exact formats for your video, simply enter one dimension and the calculator will compute the other dimension for you. Stay tuned.This process requires a lot of calculations, and that's where an aspect ratio calculator comes in to help make these calculations more accurate. The next article talk about the different way to include your video into your web site (hosting your own video, or use youtube), with code sample. Add the video in your websiteĪs you can see in the most of iPhone app websites (see for example 40 Awesome iPhone Application Websites), your site should include in the frontpage your screencast.įor better result, you need to use the video hosted in your website (control your bandwidth…), because the youtube video cannot be included in the iPhone body image. It works only on a real iPhone/iPod Touch and not in the simulator. Or you can also include the embed code presented by youtube. To include your video in an iPhone web application, or a native application with UIWebView (with phonegap for example), you can use the html5 video tag : (from ) Add the video into an iPhone Web App : Open the video in QuickTime 7 Pro and export it as MP4 with Video Format H.264, 2000 kBit/sec, 1280×720 HD and check “Preserve aspect ratio using Letterbox”. If you have a demo video of your iPhone app in 320×480 (portrait) and whish to upload it to YouTube, you should upscale it to HD. So you don’t want to waste your bandwith, and Youtube is perfect to host your video. Export your application screencast on Youtube Sorry for the french screenshot, but I don’t know how to change the language settings in the Apple applications. To record the video of the application in action, I used the excellent Snapz Pro X to record the iPhone screen with : I did not use the fake iPhone body image of Simfinger, because I wanted to integrate the video on different mobile platform, and on my website. If you don’t want to spend time checking the sources on github and compiling the application, you can download simfinger ready to use here. So I used the application Simfinger to replace the mouse cursor by the circle, and to install the fake application in the iPhone simulator. To have a perfect looking screencast, I followed the advices in this article : Not Your average iphone screencast. With this article, it will be very straightforward, and you will quickly create a video to promote your application Application video recording I have created my first screencast for MosaLingua (only in french for now), and I want to share my experience here because I spent a lot of time searching disparate information, and with several trials and errors. Here it is, all the possibilities to include video into your website Posted in Uncategorized | Tagged easy, fancybox, flash, flowplayer, flv, html5, jquery, video, youtube | 1 Reply How to create a Screencast video for a mobile (iPhone or Android) application with your Mac Example are in the download bundle, so it’s really simple/ The easiest way is to use the free and open source flowplayer. I have done that for others site, and it’s pretty simple : I am waiting for html5 video implemented everywhere. I hate to say that, but currently, the only way to be sure that the video is working (almost) everywhere, you need to encod it in flash. To be sure your video will be working everywhere, see this article : This code is simple, but you are not sure it is working everywhere (need a descent browser : not IE6 and quicktime plugin)/ The iphone.jpg background can be download in iTune connect (you must sign the Apple agreement). The following code is not working on all browser, I didn’t test on IE, but it’s working on safari, firefox and chrome :īackground: transparent url(iphone.jpg) no-repeat Ok, then you want to follow the hard way? No problem, it’s not that hard □ Again, a live preview of the video in action on MosaLingua, you can check out the source -). This was very easy, thanks to the excellent JQuery plugin fancybox :ĭownload the JQuery plugin here, and simply add a link to your video :
0 Comments
Leave a Reply. |