i have the following code to play a video stored in the media server:
<?xml version="1.0" encoding="utf-8"?>
<s:Group xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
[code]......
i have a VideoDisplay [code]and i want to make the child inside VideoDisplay to resize with him to make his size 100%/100% (size of the child)cuz video.height and width accept only integers and ican't put % in there
View 1 RepliesRecently i have visited so many video enriched flash site like this one [URL] Most of them shows video in full size. I downloaded the video using FF plugin. Video framesize is very small compared to the stage size. When i tried to add video and resize the video acoording to the page size , it slows the browser. I tried to embed the flv inside an swf and loaded the swf using normal loader and plyed it.. but the quallity and performance comapred to these site is very low..
View 3 RepliesFlex appears to have 2 video classes: Video and VideoDisplay. My question is when does it make sense to use one or the other?
What I can tell from initial glancing is that VideoDisplay responds to mouse events because it inherits from IntaractiveObject, but I'm not sure if it's a real difference, because Video seems to have a workaround for this in that you can add your own event listeners.
There's probably more to it, but this is the only difference I can see now. So my question for those who used these objects extensively, can you share your experience when you use one over the other.
i use this tag:
<mx:VideoDisplay id="myVid" bottom="0" width="100%" height="100%" live="true" autoPlay="true" source="http://localhost:5080/oflaDemo/{myvideo}"/>
but the only thing i get is the sound of the video and not the video itself,
I'm writing a Flex video player with a "slow advance" button, and my first approach is to simply toggle between play() and pause() on a timer. I'd like to say something like
if (video.isPlaying) {
video.pause();
} else {
video.play();
}
But I can't find anything like an 'isPlaying' property.
I have a page-like flex application. In my main application is a holder (a canvas) that displays all the pages. The problem is that the components that are loaded inside the holder are bigger than the holder is when the main application starts. The holder height is set to 100% but still he gets scrollbars when I load a bigger component inside of him then himselHow can I solve this problem? And if it isn't solvable would it work correct if I use a viewstack?the holder looks like this:
<mx:canvas height="100%">
</canvas>
But the end of the application is 500 pixels lower so canvas height is 500 pixels high. Now I put a new child inside the holder that is 1000 pixels high.
I am creating a component that displays a variable amount of "gauges" (square tiles of content if you will), that is laid out like so:
<HDividedBox id="container">
<VBox id="myComponent">
<HBox id="header">
[code]...
I have a panel with a button in it. Clicking on the button will direct the panel to state "State2" adding another two buttons into the panel. During the state change, I want the panel to resize first and then show the newly added two buttons, so I applied transitions onto the state change.
My question is:
If I put the two buttons within a HBox directly under the addChild tag, it works fine. However, if I create a new component with the same code (HBox with two buttons in it) and then add the new component to the panel (Comp in the code commented), it won't show the resize effect.
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:local="*">
[Code].....
I use the addChild(myChild) on a window. but when this window resizes i want to make the myChild width and height to fit the window.
View 1 RepliesI'm trying to get the dimensions of the videosource in a VideoDisplay:
private function loadMovie () : void {
vid = new VideoDisplay();
vid.source = _item.itemLg;
[Code]....
I'm trying to create a Flex application that can automatically shrink based on the size of the components that it contains, so that a user can shrink it to a minimal view to see more of the HTML page it's embedded in.
I know how to change the size of the whole application using ExternalInterface, but I'm having trouble automatically figuring out how much the size changed when something is hidden or shown.
For example:
Let's say I have the following flex layout:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical">
<mx:VBox width="100%" paddingTop="0" paddingBottom="0"
[Code]....
How can I hide one of the text fields and cause the VBox to shrink? I'm currently setting it to visible = false, but that doesn't seem to affect the parent VBox.
Once the VBox shrinks, how can I detect that the Application no longer needs so much space, and then go about figuring out how much less space it needs?
I've tried using ResizeEvent, but I haven't been able to get them to work, but I could be doing something wrong.
I have a Flex custom BorderContainer component which has text inside of it. If I were to add this in my main Application inside of a panel, the BorderContainer goes outside of the width bounds of the panel due to the text being a set size. I have all of its components in percentages so that it re-sizes when shrunk, but the one part that contains checkboxes and labels (lots of things with text) mess up since the font size doesn't change.
I am pretty positive that the results I am looking for can be done through embedding the font, though I have not been able to come up with a solution from online. I am trying to do this with a CSS style since I will be using it for many different components (I dont just want to change it in the flex code directly).
EDIT Solution:
I attempted to use the ratio as www0z0k had suggested but it caused some serious issues when it was re-sized quickly or to a small screen (the component would not re-size correctly because it was multiplying by the ratio. What finally seems to have worked for me and caused no issues was that I ran the code and found the width (1152) and height (842) of the container.
I then created a const variable of widthX = 1152 and heightY = 842 and in the onResize() function I coded the resize like this:
(where bottomGroup is the id of the borderContainer I am trying to resize)
bottomGroup.scaleX = width / widthX;;
bottomGroup.scaleY = height / heightY;
END EDIT
So far I have found some examples of embedding fonts in the <fx:Style> and attempted to remove any delaration of fontSize but that doesn't seem to work.
<fx:Style>
@namespace s "library://ns.adobe.com/flex/spark";
@font-face {
[Code]....
I want to use VideoDisplay components just to show the first frame of the videos, as a preview. So, what I do is
video.autoPlay = false;
video.autoDisplayFirstFrame = true;
But the problem is that they start downloading the entire videos. I've read some topics and docs and I feel that there is a way to avoid it For example, I've tried this line: video.mx_internal::videoPlayer.bufferTime = 1;
I have a Hdividedbox, which has three child elements.
I want to set the initial ration of sizes, such that the first one is 30%, the second is 40% & the third is 30% of the Hdividedbox's width.
How can I limit the size of a child container with percentage width/height of 100%?
Example:
<mx:HBox id="container" width="100%" height="100%">
<mx:HBox id="scrollContainer" width="100%" height="100%">
<!-- keep this content limited to the size of "container" -->
[Code]....
Apparently I can get the desired behavior if I change HBox to Canvas but I would still like to know how to accomplish this with a HBox and why it differs from Canvas.
I'm having trouble to resize my custom UIComponent that wrap flash.media.Video object (The reason I choose this way is because mx.control.VideoDisplay doesn't support streaming playback that available in flash.media.Video that is attachNetStream()). Once I create a 320x240 Video size and remove it from its parent, I can't replace it with another one, bigger or smaller.Here's my code (this one only capture Camera not NetStream).
package media
{
import flash.media.Camera;
[code]......
i have a TitleWindow popup which opens a videoDisplay to play a video when i click on a thumb.What i want is my popup to resize and the video inside it but to maintain its original aspect ratio and not stretch.[code]
View 1 RepliesI have a videoDisplay object in a popup.When I remove the popup the video continues to play.How do I remove the videoDisplay object from memory?I have tried setting the variable to null but with no luck. I can just call the stop() function and forget about it but am wondering whether this won't come back and bite me.
View 1 RepliesI have a VideoDisplay that is able to connect to a source and play. After the connection times out I want the connection to be re-established when my play button is clicked. Right now when I reset the source and play the videoDisplay, it gets stuck in the loading state.
View 1 RepliesIs it possible to play MP3 files using the VideoDisplay or VideoPlayer components?
View 2 RepliesIs it possible in Flex 4's VideoPlayer control (spark.components.VideoPlayer) to detect some attributes of the source video?
In my case, it's a local file. I would need to detect the original width and height of the input source video (an h264 f4v).
I'm building a video player that run's FLVs and cannot overcome the fact that flex foes not fire the metadataReceived event sometimes. Sometimes it does and sometimes it does not. Therefore the total time of the FLV remains -1. I understand its a known bug , I'm researching about it for a long time now , but could not find a good workaround by now, found one that says to set the buffer time to 0 and try that, but it's also does not work.
View 1 RepliesI want to build a component, where the user can play a video in a Flex Spark VideoDisplay. There will be a button and whenever the button is pressed, I want to save the current time of the VideoDisplay plus a screenshot. The screenshot needs to be someway saved, because I want to display all times and screenshots in a DataGrid (screenshots should appear when the user hovers a time in the DataGrid). So, how can I take screenshots of the Spark VideoDisplay and save/display them?
View 2 RepliesFor a schoolassigment me and some buddies of mine are creating an application that is showing many similarities with the C-Mon & Kypski musicvideo on [URL]. The application is being developed in Flex.
We want to get a random point of a clip, let it pause so a user can mimic the pose and make a snapshot out of it.
What i managed to do is get a random point of the movie. I did this by getting a random value between 0 and de total duration of the movie.
But what i didn't managed to do is let the screen pause on every 24st of a frame. As the movie concist out of 24FPS. It looks like the the random value of the movie that is being requested is being rounded by the movie itself. As example: There appears to be no difference between the frames requested at 2.40 or 2.41.
It appears it got something to do with keyframing i've read on the Adobe® Flex™ 3.5 Language Reference. The movie is a FLV file and i use the VideoDisplay object to display the movie.
I'm using videoDisplay MXML component for my Flex app.I would like to autoload videos (in order to display the first frame) without automatically run them.
View 2 RepliesI have noticed that I have to put flv files in the same or sub-directories of the application file, for example myproject/bin-debug/flvs/1.flv, and use videodisplay.source="flvs/1.flv" to load.
If I put it in myproject/flvs/1.flv, I cannot load it in VideoDisplay, using videodisplay.source="../flvs/1.flv". However the metadata (duration for example) is retrieved, but play() cannot start it.
I'm trying to play a video from amazon cloudfront in a videoDisplay component in flex3. My problem is that the source url is a rtmp with expire, key-pair-id and Signature parameters. I don't know what final url pass to the videoDisplay source. [URL]..
View 1 RepliesI'm trying to make VideoDisplay playing media with FlashDevelop. Here's the source of my application:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="[URL]">
<mx:Script>
<![CDATA[
import mx.events.VideoEvent;
private function pause():void {
[Code] .....
The problem is when I build application and run it (unfortunately, got no idea how to run it without KMPlayer or Mozilla - Flash Player is a plugin afaik) I got no video. The movie file is in the same directory as application's "Application.flv" one. But if I reload application (within player or browser) a few times, video starts. So, here are my questions: What's wrong with VideoDisplay component and how to fix this 'non-playing'? What's the better way to execute application than running it within movie player or browser?
how to receive an event when the streams disconnects that would be great.
The documentation for this control is simply horrible. I have an application that will have a live video stream and I'm looking for a way to make the VideoDisplay control restore its connection in case of the occurrence of any of these specific scenarios:
The application starts and the stream is not online yet. The application is streaming and the user is disconnected from the internet. The application is streaming and the video server crashes and reboots.
I'm using Wowza Media Server and Wirecast to test this. 1 and 3 don't work, I'm not sure number 2 does. I made number 1 work by adding this very questionable piece of code:
[Code]....