FlvPlayback component not visually appealing

Hi,
Anyone out there know where a guy can put his hands on a good
book or tutorial on creating video controls; the flvPlayback
component and controls are not very pretty. I am creating a flv
video player and want to provide some style while doing so.
There must be others who would agree, that the flvPlayback
componets are ugly.
Kind Regards,
Boxing Boom

Actually the flvplayback component is not ugly.. it provides
you with a pretty good basic layout to deliver your video as
quickly as possible to the web.
Regarding the design of a player.. it's upon your design
skills to create an appealing player, looking at youtube,
dailymotion and all those flash sites, they all have pretty simple
playercontrols, but a book specially for that is not available,
google for design videocontrols.
I remember now that there was a book a while ago called
interface design, not mentioned for "how to design my videocontrol
interface" but more on the functionality and usability.

Similar Messages

Is Action Script for netStreaming and FLVPlayback component radically different, not interchangeabl?

Hi.
I am using NetConnection and NetStream to play back flv in Flash Pro CS5.5, and trying to add cue point to trigger events using Action Script, and to automatically rewind to the start at the end. There is no problem to trigger events via AS when the cue points are embedded, but i am unable to add cue points using AS.
When i use an FLVPlayback component, there is no problem to add cue points (http://help.adobe.com/en_US/ActionScript/3.0_UsingComponentsAS3/WS5b3ccc516d4fbf351e63e3d1 18a9c65586-7feb.html) and to loop the playback using autoRewind (and fl.video.VideoEvent.AUTO_REWOUND which i got from Nafem at http://forums.adobe.com/thread/857036).
However, i am failing to use this same code w/a netConnection and netStream, and would appreciate any help.
thanks.

Hello,
Well, I've got some help from another helpful fellow at macscripter.net and I have a working script - albeit a bit more specific (ie, hardcoded extensions to look for) and a different approach.
Here's the script:
on adding folder items to thisFolder after receiving addedItems
repeat with movieFile in addedItems
set {Nm, Ex} to getName_andExtension(movieFile)
set movieFilePath to (thisFolder as text) & Nm & ".avi"
set subtitleFile to (thisFolder as text) & Nm & ".srt"
if Ex is ".srt" then
try
tell application "iFlicks"
import (movieFilePath as alias) with gui
end tell
end try
else if Ex is ".avi" then
if my FinderItemExists(subtitleFile) then
try
tell application "iFlicks"
import (movieFilePath as alias) with gui
end tell
end try
end if
end if
end repeat
end adding folder items to
on getName_andExtension(F)
set F to F as Unicode text
set {name:Nm, name extension:Ex} to info for file F without size
if Ex is missing value then set Ex to ""
if Ex is not "" then
set Nm to text 1 thru ((count Nm) - (count Ex) - 1) of Nm
set Ex to "." & Ex
end if
return {Nm, Ex}
end getName_andExtension
on FinderItemExists(thePath)
try
set thePath to thePath as alias
on error
return false
end try
return true
end FinderItemExists

A better way to determine the current state of the FLVPlayback component?

Below is the AS3 code I have used to display images (MCs) over an instance of the FLVPlayback component. These images (one for loading, one for the title) are to appear – or disappear – according to the current state of the FLVPlayback component.
It “works,” but when testing, I have noticed that it can be rather finicky. The most common issue that arises is that many times the loadPoster movieclip will still be visible even though the video has entered the playing state.
Also, I wanted a title placeholder image to appear whenever the user stops the video or if the video completes. However, I had to add the conditional statement to the “stoppedStateEntered” case to make everything appear when expected. When the video is first viewed (and has completed buffering), it seems that the FLVPlayback component enters the stopped state before entering the playing state. Thus, the titlePoster would flash on the screen right before it and the loadPoster “should” disappear when the video begins playing.
Even in my limited testing, these issues were very easily re-created. I am definitely looking for a more reliable solution. Is there a better (or more correct) way to go about all this? If possible, I would like to stick with the FLVPlayback component, just for the simple fact of not having to code my own.
Where am I going wrong?
function updateMoviePoster(event:VideoEvent):void
                switch (event.type)
                                case "playingStateEntered":
                                                loadPoster.visible = false;
                                                titlePoster.visible = false;
                                break;
                                case "stoppedStateEntered":
                                                if (loadPoster.visible == false)
                                                                titlePoster.visible = true;
                                break;
                                case "complete":
                                                titlePoster.visible = true;
                                break;
myFLVPlayback.addEventListener(VideoEvent.PLAYING_STATE_ENTERED, updateMoviePoster);
myFLVPlayback.addEventListener(VideoEvent.STOPPED_STATE_ENTERED, updateMoviePoster);
myFLVPlayback.addEventListener(VideoEvent.COMPLETE, updateMoviePoster);

Any suggestions? I would truly appreciate the help.

Need to stop playback of an FLVPlayback component when navigate away from page!

I have an movieclip playing as auto start on the first page of my website. The component continues to play when I navigate away from the page. How can I stop the playback of the movie if it has not completed when navigation away from the page is invoked. I have search and am unable to find such an event using an FLVPlayback component. Presently there is no code in actionscript to display here.
thanks

Hi, this is the entire code that is placed on the timeline in frame 1 of the AS line. There is now an error and the FLVPlayer component, which is also begin in frame 1. At this point there is one method that I thought should work when the vTinesDayBtn is clicked. However, is not.
The error is:
TypeError: Error #1009: Cannot access a property or method of a null object reference.
at ewddSite_fla::MainTimeline/vTines()
ArgumentError: Error #1063: Argument count mismatch on ewddSite_fla::MainTimeline/stoppedVid(). Expected 0, got 1.
The code is:
stop();
import flash.events.*;
import flash.display.*;
import fl.video.*;
import fl.video.FLVPlayback;
function stoppedVid() {
vidPlay.stop();
vTinesDayBtn.addEventListener(MouseEvent.CLICK, stoppedVid)
function vTines(evt:MouseEvent):void {
gotoAndStop(20);
vidPlay.stop();
function engagements(evt:MouseEvent):void {
gotoAndStop(25);
function weddings(evt:MouseEvent):void {
gotoAndStop(30);
function births(evt:MouseEvent):void {
gotoAndStop(35);
function birthdays(evt:MouseEvent):void {
gotoAndStop(40);
function graduations(evt:MouseEvent):void {
gotoAndStop(45);
function anniversaries(evt:MouseEvent):void {
gotoAndStop(50);
function specEvents(evt:MouseEvent):void {
gotoAndStop(55);
function memorials(evt:MouseEvent):void {
gotoAndStop(60);
//main.addEventListener(MouseEvent.MOUSE_DOWN, mainPg);
vTinesDayBtn.addEventListener(MouseEvent.MOUSE_DOWN, vTines);
engageBtn.addEventListener(MouseEvent.MOUSE_DOWN, engagements);
weddingsBtn.addEventListener(MouseEvent.MOUSE_DOWN, weddings);
birthsBtn.addEventListener(MouseEvent.MOUSE_DOWN, births);
bDaysBtn.addEventListener(MouseEvent.MOUSE_DOWN, birthdays);
graduBtn.addEventListener(MouseEvent.MOUSE_DOWN, graduations);
annivBtn.addEventListener(MouseEvent.MOUSE_DOWN, anniversaries);
spEventsBtn.addEventListener(MouseEvent.MOUSE_DOWN, specEvents);
memorialsBtn.addEventListener(MouseEvent.MOUSE_DOWN, memorials);

FLVplayback component problem

my flash movie contains FLVPlayback component to play videos.
In the begining of the movie( frame 1) I have a simple pre-loader.
When I test my swf on a browser the pre-loader appear only after
few second, not immediately. (my pre-loader start from 40%). I
think the reason is that flash load the FLVPlayback component on
the first frame although my component appears only on the second
frame . Is there any work around this issue?
Thanks

I am having the exact same problem. Thanks for info that this
is caused by movie being the same size as the stage. I am also
working on a solution and will let you know if I find one.

Need Preloader for FLVplayback Component

Hi,
I'm playing external .flv videos using the 'FLVplayback'
component. My client's complaining that they stall and stutter a
bit when they start to stream, and wants to know if I can create a
preloader for them.
Can anyone help or point me in the right direction to create
preloaders for this component? Since the .flv is not on the
timeline, I don't know where to begin. I found some info on this in
the Flash Help files, but it's a little over my head.
Thanks very much

Hey metrov,
ActionScripting is the way to go for this situation. Try this
link (hope it helps)...
http://www.actionscript.org/forums/showthread.php3?t=105158
Jaythan

FLVPlayback Component video and skin as one swf

Is it possible when publishing a Flash CS4 file to have the Video swf and the Skin swf be in one swf file?
I have a Flash CS4 (AS2) file that has a FLVPlayback Component. When I publish or test movie 2 swfs are output. I need only 1 swf as I am then going to insert this 1 swf into a Captivate 4 project.
When I insert the video swf by itself into Captivate 4, I do not have a play bar/skin.
If it is not possible to publish as one swf, can someone please tell me how I can insert the 2 swfs into a Captivate file and get them to work?
Thanks in advance.

My project is called JumpVideo.
The only 2 items in my library are the FLVPlaybackComponent and a Combo box.
I have imported a video using the FLVPlaybackComponent and have selected the SteelExternalPlaySeekMute skin to go with the playback.
The video has defined cue points. The combo box has two values. When the first is selected it jumps to the start of the video. When the second is selected it jumps to the cue point.
When I publish there are two swfs that are produced; the project swf itself (JumpVideo.swf) and the skin (SteelExternalPlaySeekMute.swf).
I would like there to be only one swf published (i.e. the skin is within the JumpVideo.swf).
Is this possible?
The swfs will then need to be inserted into Captivate 4 as animation.
If 1 swf cannot be published, then can you perhaps help with how I can insert the JumpVideo.swf and the skin swf into Captivate and have it work as it does in Flash CS4?

Load FLV into FLVPlayback component?

I have an array of videos coming from an XML doc. I am getting the name of my video in the trace statement okay, but am not sure how to go about loading the FLV video into the player. I have an FLVPlayback component on the interface named "video". The video I'm going to load will be ("videos/" + videoArray[0])). What is the proper way in AS 3 to load this video?

var start:Number = 0;
var videoConnection:NetConnection = new NetConnection();
videoConnection.connect(null);
var aStream:NetStream = new NetStream(videoConnection);
aStream.play("myvideo.flv");
aStream.pause();
I hope this will help you

FLVPlayback Component for AIR & IOS

Hello,
I have referenced this and other forums several times in regards to this question, but would like to canvas it myself here once more in hopes of any new or additional insights that were absent before.
I am developing an AIR application that uses a long (45min) video as a centerpiece. It necessarily (I think) needs to be applied with the FLVPlayback component because it is both masked by menu and playback controls, and has a large variety of interactive content layered on top of the full-screen (more or less) video. As of now, the video is encoded in FLV, and works fairly well, but I do have some lingering performance issues, which I am asking help with here today.
I have read that using FLV in iOS apps is not advised, but for the reasons listed above I most likely will have to do so. I don't think I can use the other options (stagevideo, or otherwise) due to the layering of content above the video, and an irregular mask. I have placed the video in the main directory of the app package (which made all the difference), used GPU, and tweaked the encoding ad nauseam. While all-in-all it has resulted in "okay" performance, I still have a slight but noticeable skip/hiccup/jump in the video during the more graphically intense portions of the production. This only occurs on the iPhone 4/s devices, while the iPhone 5 experience is flawless.
So I am asking for ANY help/suggestions anyone could offer towards a possible solution/improvement to this problem. I would be grateful for any other setting, encoding, file structure, or alternate suggestions that I have not thought of or addressed.
Thank you.

Hi Freelance77,
The product team would like to know the steps to reproduce this issue. After that, we can try solving it for you. Do let us know.
Thanks,
Preran

AS3 - Refresh FLVPlayBack component!

Hey Guys,
I am working on AS3 project using Flash CS3. I have to display some videos using FLVPlayBack component. I am using the same component instance to display videos but when a new video is loaded the max duration property does not updates and hence the onComplete event is never fired.
I somehow wanted to refresh the component when a new video is to be played. Please let me know various ways to do so.
Thanks in advance for your kind consideration.

what code are you using to detect flv play completion?

Opening .mp4 files using flvplayback component 2.5 in Air 3.2

I've publishing the package using the extended desktop profile and captive runtime.
When I run the published .exe file from a hard disk (either on my local machine or other test machines) it works fine, so I know that I have my code at least partially correct.
I'm accessing the .mp4 files from a subdirectory of the applicationDirectory (eg: app:/video), the file names are read in from a .xml file.
Example structure:
exampleVideoSource = File.applicationDirectory.url+"video/12-16/attacking when in balance/counterattacking 2.mp4"
Is this likely to confuse the FLVplayback component, if so what's the best way to get a working path?
Thanks,
Dan

Discovered the issue.
For mounted drives you need to use the nativePath property.
For cross platform applications you can simply replace() the delimiter with the .separator property.
Also for some reason the skin wouldn't load, despite the fact that I had chosen it in the component selector.
I ended up setting the myFLVplayback.skin property just before I added the component to the stage.
On a related note, does anyone know if there's a difference between publishing an app with included folders, and simply publishing the app and adding the folders to the .app directory after the .app folder has been published?
Dan

Definition fl.video.FLVPlayback could not be found

I'm stumped. I have to flash files I'm authoring.
File A has a MovieClip on stage that has a linkage to a class in which I import fl.video.FLVPlayback
File B also attempts to import fl.video.FLVPlayback.
File B throws a COMPILE TIME error that it cannot locate the definition for fl.video.FLVPlayback. I'm noticing that my FlashDevelop also offers no syntax highlighting for that line.
Both are exporting for the same version of FlashPlayer (10). Both are being authored on the same platform, the same software (CS4).I have not messed with any Publish settings, other than that File B is associated with a Document Class.
Of interest may be that File A will eventually be loaded into File B, into the context of File B.
What is up? I have no idea where to even start looking.
Thanks in advance.

Hi Ned. Yes, I think you read it correctly. I added import fl.video.FLVPlayback originally to file B in the hopes that that would give it a reference to the class.
The solution I'm describing is actually exactly what you've just described: file B has a reference to file A's document class and calls some ClassA.play() method. So technically file B doesn't need to know anything about FLVPlayback. That's why I'm so confused. It still throws the error even if i DON'T try to do ClassA.play() (just by importing ClassA inside file B's package).
By the way, I should point out that yes, including the component in file B solves the issue. But not the confusion.
1. Why does file B need to know anything at all about the FLVPlayback component?
2. By loading file A into file B's ApplicationDomain, file B _ought_ to have access to any Library items defined in file A. That should include the component no?

Targeting an FLVplayback component within a nested movie element

I'm trying to get my own buttons to load FLV movies into the FLVplayback component. I've got it to work in a simple test but need help making it work on a more complex level. The test is here http://lawrencejonespromoprince.com/testvideo.html
I've named the FLVplayback instance 'my_video'
The simple buttons have this script in the actions:
on (release) {
      my_video.load("videonamehere.flv");
      my_video.autoPlay=true;
This all works great as long as the buttons and the FLVplayback component are on the same frame on the same page. But for the actual use, i need it to work where the buttons are on a nested page within another movie element. So the nest looks like this:
Scene1   Nestmovie1   Nestmovie2   Nestmovie3
...where the FLVplayback component is in Nestmovie2 and the buttons are in Nestmovie3.
The nesting was needed so the buttons are on a separate slider panel so i can scroll through the list of movies.
See the actual flash site in progress here http://lawrencejonespromoprince.com/index2.html
and the movie list (not done) will be on the 30 Promos page.
So now the question is, how can i target the FLVplayback instance within a nested movie.
Thanks

You should be able to use _root references to get back to the main timeline to target the flv player
on (release) {
      _root.nestedMovie1.my_video.load("videonamehere.flv");
      _root.nestedMovie1.my_video.autoPlay=true;

FLVPlayback component connection

I would like to specify my own NetConnection instance for
FLVPlayback connection to Flash media Server 2. Is this possible,
perhaps by using the FLVPlayback.ncMgr property?
Thanks in advance as this is really stalling development of
my application, which uses multiple instances of FLVPlayback over
multiple pages... therefore I really need just one NetConnection to
FMS2.
Please note that I'm looking into the FLVPlayback component
as a more robust player inplace of my NetStream setup.
I really am stuck on this and need some help.

apologies, but in the code above gives these errors:
Scene 1, Layer 'Scripts', Frame 1, Line 105 1061: Call to a possibly undefined method toString through a reference with static type fl.video:VideoError.          (line 105 is : trace("3 - VideoError: " + e.toString());)
Scene 1, Layer 'Scripts', Frame 1, Line 108 1061: Call to a possibly undefined method toString through a reference with static type fl.video:VideoError.          (line 108 is : trace("3 - VideoError: " + e.toString());)
Scene 1, Layer 'Scripts', Frame 1, Line 96 1067: Implicit coercion of a value of type uint to an unrelated type String.                                                                     (line 96 is: V1.addEventListener (VideoError.NO_CONNECTION, sourceFailed);)
The issue seems to be in the VideoError listener, even leaving just something like:
          V1.addEventListener (VideoError.NO_CONNECTION, sourceFailed);
          function sourceFailed (e:VideoError):void     { trace ("VideoError") }
Still gives the eror: Scene 1, Layer 'Scripts', Frame 1, Line 96 1067: Implicit coercion of a value of type uint to an unrelated type String.

FLVPlayback Component Volume Issue

Hopefully someone can give me a hand with this one. I'm using the FLVPlayback component to play a movie. In the parameters, I'm setting volume to "8" where the default is "1".
This works great and gives me the right volume setting, but if the user touches the volume slider (which I'd like to keep), the new maximum volume is only one.
Any idea how to set the max volume for the volume slider? I'd have thought the volume parameter setting would be tied to this.
Thanks!

Thanks, Kibbik. That's actually very helpful. I guess I was just wondering if there was a method to reset the max volume of the slider to 200% or something similar, but I suppose not.
I figured redoing the volume on the original movie was one solution, but it would be nice to see the component rewritten so as to reset the max volume of the slider to the volume parameter setting.

FlvPlayback component not visually appealing

Similar Messages

Maybe you are looking for