starpause + transparent 7
SDK Boy » Transparent Video On The iPhone, It Can Be Done… With Flash!
january 2012 by starpause
hnical functionality that can’t be replicated on the native iOS SDK can work through a third party’s system. So just to share with you some of the results, I was attempting to play four transparent videos, all slightly overlapping with a png image in the background. The playback was unacceptably slow with this many streams. I then tried, two transparent videos with a PNG background and the playback was fine, I didn’t notice any frame grabbing or glitches, and one full screen iPhone video with transparency and a PNG image in the back ground ran fine!
Again, I’d like to express my amazement at being able to play an .flv with transparency on the iPhone. I have no idea how Adobe are able to do it, but I really hope Apple step up their game and include a video codec with alpha channel sometime soon. The only down side to using ARI 2.7 is the lack of support for native UIKit components, meaning you have to build everything in Flash/Flex.
If you want to play around with transparent video on the iPhone with Flash you’ll need to download the trial version of Flash Builder 4.5 from here, and check out this post on setting up your system to export from Flash Builder to your iPhone. You do need to be registered as an Apple dev, as to my knowledge there is no simulator in the Adobe set up, but it was all pretty straight forward (no less painful than having to do it through Apple and XCode).
Here’s the AS3 code, I just created a new Mobile ActionScript Project, as I’ve heard Flex Mobile Projects add unwanted overhead to your app (but don’t quote me on that). You’ll also need to make sure that the info in the project’s XML file (application descriptor file) matches all of your code signing identity info ie com.mycompany.myAppID
One thing to note is that I didn’t use the StageWebView object to place my video. According to Adobe’s docs StageWebView’s shouldn’t overlap with each other, so this wasn’t suitable for this project. The only piece of AIR specific code is the
ios
as3
android
air
video
flv
transparent
playback
local
file
Again, I’d like to express my amazement at being able to play an .flv with transparency on the iPhone. I have no idea how Adobe are able to do it, but I really hope Apple step up their game and include a video codec with alpha channel sometime soon. The only down side to using ARI 2.7 is the lack of support for native UIKit components, meaning you have to build everything in Flash/Flex.
If you want to play around with transparent video on the iPhone with Flash you’ll need to download the trial version of Flash Builder 4.5 from here, and check out this post on setting up your system to export from Flash Builder to your iPhone. You do need to be registered as an Apple dev, as to my knowledge there is no simulator in the Adobe set up, but it was all pretty straight forward (no less painful than having to do it through Apple and XCode).
Here’s the AS3 code, I just created a new Mobile ActionScript Project, as I’ve heard Flex Mobile Projects add unwanted overhead to your app (but don’t quote me on that). You’ll also need to make sure that the info in the project’s XML file (application descriptor file) matches all of your code signing identity info ie com.mycompany.myAppID
One thing to note is that I didn’t use the StageWebView object to place my video. According to Adobe’s docs StageWebView’s shouldn’t overlap with each other, so this wasn’t suitable for this project. The only piece of AIR specific code is the
january 2012 by starpause
Control flash object position / stacking with css z-index and wmode
november 2008 by starpause
Sometimes I want flash to show up in front of or behind other content. After looking through macromedia flash documentation, I learned about the wmode attribute. Setting Opaque windowless and Transparent windowless both interact with HTML layers, letting layers above the SWF file block out the application. The difference between the two is that Transparent allows HTML layers below the SWF file to show through if a section of the SWF file has transparency; however this doesn’t necessarily mean that the user can interact with HTML layers below the swf.
z-index
z
index
flash
wmode
transparent
transparency
november 2008 by starpause
Layering Transparent Flash Content over HTML with Scripted Masking - Substance Labs
november 2008 by starpause
the best solution we have found is to knock out the areas of the Flash movie that require accessible content displayed below. This can be accomplished rather easily with the use of layer blend modes.
flash
knockout
knock
out
transparency
transparent
z-index
wmode
z
index
under
html
november 2008 by starpause
related tags
air ⊕ america ⊕ android ⊕ as3 ⊕ city ⊕ data ⊕ design ⊕ develpment ⊕ feed ⊕ ffmpeg ⊕ file ⊕ flash ⊕ flv ⊕ for ⊕ francisco ⊕ government ⊕ graphic ⊕ howto ⊕ html ⊕ index ⊕ info ⊕ infographic ⊕ interesting ⊕ ios ⊕ iphone ⊕ knock ⊕ knockout ⊕ linux ⊕ local ⊕ open ⊕ opensource ⊕ out ⊕ playback ⊕ publishing ⊕ san ⊕ sf ⊕ transparency ⊕ transparent ⊖ true ⊕ under ⊕ video ⊕ windows ⊕ winners ⊕ wmode ⊕ z ⊕ z-index ⊕Copy this bookmark: