Flash :: Javascript - MP3 Fallback On Opera & FireFox Using MediaElement.js?
Jun 5, 2011
I'm trying to add mediaelement.js to my site to present a single player for any MP3 link on a particular page. The design is working fine for IE 9 and Chrome 11 (which have HTML5 MP3 support), but it has an issue with the flash fallback on Opera 11 and FireFox 4. Clicking any MP3 link on the page uses the .setSrc() method of media element player to change the source of the player, but in Opera and FF, the first time this method is called, it returns error "this.media.setSrc is not a function". Any call to the function after that works fine.
Another issue is after the element containing the player is hidden "display:none" and then displayed again, calling the .pause() function will produce error "this.pluginApi.pauseMedia is not a function". After that error is thrown, subsequent calls work fine until the element is hidden and displayed again.
$('#trailer-dialog').mediaelementplayer({ enablePluginDebug: false, // remove or reorder to change plugin priority plugins: ['flash','silverlight'], // specify to force MediaElement to use a particular video or audio type
I have a problem showing up a SWF file (Flash) in an ASP MVC file.I have problems adjusting the height to 100%. If this is showed in Firefox or Opera the result is the picture you see below (everything works fine under Chrome and IE).[code]
I have the following code to display the swf object on the page. It works well in all browsers. However, if shockwave flash turned off in Firefox, it won't fallback into image and show bunch of characters instead looking like "CWS..." All other browsers fallback to the image. I verified that we serve application/x-shockwave-flash MIME type on our server.
I have reviewed my code several times and maybe I am missing something.Basically,I have a separate loader class that I want to communicate to a php file located in the same directory.That php file forms an xml markup within and returns the location of a background image from the database. As you can see from the code, I have event listeners for progress, loaded, and IOerror.This works fine in IE and Chrome. However in FF and Opera, my custom progress bar shows 100%, but the info bar shows "IO Error" (which is kind of a visible trace statement on the swf for informational purposes) and it does not go anywhere. Stuck.
This is the swf's location: [url].... PHPGetBackground class: Code: Select allpackage com.hexonite.loader {[code].........
I have a piece of Flash on an HTML page that when you hover over it, it expands out to reveal more information.There are text links that it expands over, however in everything but IE, when it's not expanded those links are still covered by the Flash making them unclickable.I have the Flash piece in a separate DIV wmode set to transparent.
I have audio placed into a controller on a page, however when i load different browsers the sound files are either no even seen by the browser or they dont work. Ive converted the files to wav. which apparently works universally for IE,Opera, Firefox and Chrome, however changing the file format does not change this situation. I know it has something to do with HTML audio tag or something but I am still unsure
Video broadcast using VLC to flv file. I am using the NetConnection, NetStream and Video to play it in a flash. In Chrome and IE everything works fine, but in Firefox and Opera NetStream often dispatch event NET_STATUS with info.code = NetStream.Buffer.Flush and NetStream.Play.Stop and video is a slowdown.
I have run into a problem with the URLLoader that I havent encountered before. I have reviewed my code several times and maybe I am missing something.
Basically, I have a separate loader class that I want to communicate to a php file located in the same directory. That php file forms an xml markup within and returns the location of a background image from the database. As you can see from the code, I have event listeners for progress, loaded, and IOerror.
This works fine in IE and Chrome. However in FF and Opera, my custom progress bar shows 100%, but the info bar shows "IO Error" (which is kind of a visible trace statement on the swf for informational purposes) and it does not go anywhere.
I'm looking for javascript libraries and code that can simulate localStorage on browsers that do not have native support.Basically, I'd like to code my site using localStorage to store data and know that it will still work on browsers that don't natively support it. This would mean a library would detect if window.localStorage exists and use it if it does. If it doesn't exist, then it would create some sort of fallback method of local storage, by creating its own implementation in the window.localStorage namespace.I understand that Flash and Silverlight can be used for local storage as well, but haven't found anything on using them as a fallback for standard HTML5 localStorage. Perhaps Google Gears has this capability too?Please share any related libraries, resources, or code snippets that you've found! I'd be especially interested in pure javascript or jquery-based solutions, but am guessing that is unlikely.
I have found a way to send a play(); command to my Flash movie in IE9 but I can't figure it out in Firefox9. Here is the code I am using that works in IE:
check this page: [URL] For whatever reason, the flash slideshow moves over 1 pixel when opened in Firefox on my Mac. All other browsers render it fine, but only on Firefox it leaves a 1 pixel white gap on the left!
I am using the most recent version of SWFObject. This unfortunately is a garbage Weebly site and I cannot use jQuery in the system so I can't do a real gallery... so let's save the whole "don't use Flash for that" pep talk. It's a favour for a friend and I am already aware of better ways to do it. :)
I have a html/flex app loaded in an iframe, and wmode is set to 'opaque'. I have 'mousemove' listener attached to the document of flex app and document of the parent. Once I mousedown in the flex part of iframe and move my mouse around, i can see the logs from the iframe. However, when I move the mouse around in the parent, i dont see logs from the parent. But, if I mousedown on the html part of the iframe, i can see logs from both iframe and parent. Same sort of bug is reported in Firefox 4/5, which breaks html part of it. Visit [URL]
Can anyone give me a clue as to why this markup works fine in Safari, but not in Firefox?This should load an ugly blue placeholder (which I get in safari) but in Firefox, swfobject just gives me the alternative content.[code]
Without AutoHotkey and Firefox -unfocus since it's involved in operating another program and it doesn't work on linux and without Restore Window Focus After Flash addon since doesn't give you control over flash tabs.implementing this gBrowser.selectedTab.unfocus(); method and bind it to a keystroke in Firefox v3.6 ?I've also tried (based on the addon above)
if (document.getElementsByTagName("EMBED").length == 0) { return; } if (document.activeElement.tagName == "EMBED") {
Through my website (easier, as i can detect the browser)
sending an email which will have a player to stream the audio
restrictions.
1. Firefox wont play MP3
2. Iphone/ipad wont play flash
3. Iphone/ipad wont play ogg
4. Emails have trouble with javascript -jplayer (potential of ending in the trash)
problem. if i send via an email, i cant detect the browser, so cant choose ogg, flash, etc.
Solutions - 1. Use HTML 5 and embed a player stream mp3... works in iphone, ie8, chrome....not in firefox (mp3 issue) and older ie browsers (html5 issue).
use jplayer.... i expect the email to dislike the javascript and throw into the trash, plus will firefox play the mp3 audio? use flash.... i expect iphone/ipad not to work, also will it play from an email?
I have a flash within a holder div (flash container). I use swfobject to insert the flash object (if it makes any difference). I want to resize that holder div to make it smaller in width, when I achieve the "second level" in my "flash application". (with jQuery .animate() function). What "flash application" mean: I have a human body on wich I can click in different body areas. That is the first action - and the effect is to zoom onto that specific area of the body.
Then I can click again on a more specific zone into that area - and the effect consists in fetching some stuff via ajax. (it's some medical stuff, diseases etc.) - that's the "second level" in my "flash application". Then I can click on that stuff fetched via ajax - that's when I resize the flash holder. The problem is that, because of this resizing, my flash reloads and comes back to it's original state, without that zoom level. This reload appears in the "second level", and not when I click on the stuff fetched via ajax and the flash holder resizes. But that's the cause of the reload, because without this resizing, it's all ok. The problem is just in Firefox, I tested it in IE6,7,8, Opera 10, Safari latest and Chrome and there's nothing wrong there, the flash does not realod. Hope you understand what I'm saying here :) if not I cand send you a private message with the URL to see what I mean (I can't make it public)
I am making a web app that uses MediaElement.js (ME.js) for playing audio and displaying video across different browsers. However, I am having trouble with IE8: When I instantiate the MediaElement with an <audio>element from the DOM, the flash object gets created and inserted in DOM but then the media does not get loaded. No errors are reported. Instead nothing happens.
Trying to debug it, I have created a small test page which also uses ME.js that tries to play the same audio file. Strangely, this page works fine. IE8 loads and plays the file. I have tried to look at what both of these pages output in the DOM to see if I could get a hint about what is going wrong.
[Code]....
Notice there's a difference: In the first snippet it says <PARAM NAME="Play" VALUE="-1">and in the second it says <PARAM NAME="Play" VALUE="0">. This seems significant somehow, but I have no idea how to interpret it. not that this is not the markup generate by ME.js but something that somehow gets generated when the .swf file has loaded. Not being any kind of a flash expert, I can't really explain how.
When I use Fiddler to monitor which assets get loaded, the difference between the two pages are that the first page loads the .swf file as the last thing and the second loads the .swf file and then loads the .mp3.
I should mention that the web app works in Chrome when I force it to use the flash plugin instead of native HTML elements.
If I just call MediaElement and not MediaElementPlayer, can I still skin both the HTML and Flash players using only CSS? Or do I have to modify the actual FLA?
I have set the features to be empty which works fine except in the flash player. It still shows the big play button.I realise I can manually hide this but I'd rather find the proper solution
$('video').mediaelementplayer({ features: [], success: function (me) { [code]..........
I have a video player on my site that once paused I would like to prevent rest of the video being downloaded. I am using MediaElement.js for html5 video with flash fallback. It is annoying that I am unable to stop the video from downloading as it is a waste of bandwidth and the "progress" event continues to fire and update the UI.
I have an issue with my ExternalInterface. The way it is currently set up is, on the page load up, a boolean is set to true in JavaScript and then checked by ActionScript constructors (using a timer) until it is true. This marks that JavaScript is ready to get calls from AS3.
At this point, AS3 will add the callback and do some internal stuff, and at the end of the constructor I call JavaScript. So far so good. JavaScript will at this point call a function in AS3 (that was defined in the callback described above), and this is where it all messes up.
On IE this works perfectly fine. On FireFox though, it does not. When I debug it, I see that the javascript function is called but when it tries to call AS3, nothing happens. I also tried to add a timer, but for some reason the function STILL executes straight away (in IE).
I read about a project that enables the developer to program a HTML5 web sockets application that is compatible with older browsers by automatically falling back to using a flash method.
I told my boss to use HTML5 with a fallback on FLASH.But he said he wants FLASH as the first option, and if the browser (ipad or any other) can't recognize the FLASH , it should play the MP4 file we got. I suggested HTML5 with fallback on Flash. But he wants the opposite.
Using SWFObject (google it) and a SWF Controller (like FlashMediaPlayback.swf).It's very important to understand that the iPad has limitations with video size. So the MP4 file can't be bigger than 720p and 160kbps for audio.
I found this awesome example: [URL], or an HTML5 WebSocket echo server in Jetty, and I love it's simplicity. However, the web app I am developing will require a bit more cross-browser compatibility, so I tried to use: [URL] as a Flash fallback. The problem: I need to serve some XML file on port 843 for Flash. Now I am new to both Flash and Jetty, and would like to figure out how to accomplish this. I have used HTML5 WebSockets before in PHP, Python, and Ruby, and I have the echo server working perfectly on my Mac, but now I need to configure Jetty to send the file.
I'm trying to have a flash video, with fallback to the html5 video element for those browsers which don't support flash, such as iPhone. I'd also like to have valid html5. The issue I see is that in html5, object doesn't support the classid attribute anymore, but this would be required for a user to get flash if they don't have it but want it.
It seems my options are to accept invalid html5 but not have the flash work properly, or have the classid and not have valid html5.
I'm trying to call a method inside a flash movie from js, every time the mouse leaves the "div". It works on Internet Explorer, but not in firefox. Here is the html script:
Here is example of the problem, there is an alert for the js and the flash should be able to remove the swf (see a gray background? it works! see a image, flash didn't receive the call): [URL]. This should work with internet explorer / safari / chrome (pc/mac) only firefox seams to reject this.
