Browser stuck on loading audio files - html

I have some audio files wav and one mp3, but they seem to block Firefox.
The network tab of FireBug shows the GET request, and how the files are at 0B, and there is the spinning wheel, just spinning there.
The mp3 file is one of the ones not loading and another one is a wav, which is weird because other wav files load just fine.
I tried converting the mp3 to a ogg, then firefox gets stuck at 13KB, and the same happens to Chrome.

This might happen due to outdated or disabled plugins in your browsers. I had similar experience with a .wmv file in firefox. It wouldn't play unless I fixed the faulty VLC plugin. It did work well with IE 11 and Opera 20 though.
If the problem is caused only when you use a specific file, this indicates that the file might not have been encoded properly.

Related

Phaser Audio Support in Internet Explorer 11

No matter what I try, I cannot get any audio files to play in Internet Explorer (11) when using Phaser. I have tried both mp3 and m4a (encoded using default settings in Audacity).
Also, I have tried loading all Audio examples on the Phaser site in Internet Explorer (http://examples.phaser.io/) and none of these seem to load either.
I can get ogg files to play fine in Chrome, Firefox and Opera, but that's about it.
I found another forum where a user mentioned that they used Audacity to convert to mp3 and had success:
http://www.html5gamedevs.com/topic/5682-audiofiles-wav-and-ogg-not-loaded-in-internet-explorer/
But I am not having any luck.
Any ideas? I can provide any more detail as necessary.
Thanks for your time and your help.
IE11 cannot play m4a files. Well, it's a little more complex than this - it can't play them unless you have iTunes (or similar codec installing software) installed. Therefore you can't count on it working reliably for everyone.
It can however play mp3s, but it depends entirely on how you have encoded them. Not all mp3s are created equal. I would suggest you 'borrow' some mp3s from an official IE Audio demo like this one to use for testing. If these work then the issue is the mp3s you've created. If they don't work either, the issue is somewhere in your code.
However, as you said the official examples don't work in IE11 for you, I wouldn't rule out it being something local to your PC either, as they do actually work fine. A driver / codec issue quite possibly.

Embedded webm video freezes in Chrome

I am making a system that I run on localhost, it embeds a video player and all works fine except for webm videos on Chrome. They freeze regularly and I can only get them running again by pressing play/pause and moving to the initial phases of the video.
I have been googling for this issue and trying to solve it for some time now without success, does anybody know how to solve this?
Is your same WebM file working ok on Firefox? I assume you are using HTML5 video.
I have compiled a short check list on how to troubleshoot HTML5 video playback issue here. Try to play the videojs webm sample to see if it works.
Given the description of your issue I guess it is either a non proper WebM file or a server side tuning issue (like with mime types).
If it is a file format issue you could try re-transcoding from a known good source (ie not the problematic WebM file) with firefogg.
You can also try to set the preload attribute of your HTML5 video tag to auto.

Loading large videos locally, specifically in chrome

I have an h264 mp4 video that is 960x540, 1000kbps and 30 minutes long. This will be playing off of a disc. I noticed only in chrome that when I open the web page it is embedded in, my computer slows way down and the video gets all choppy for a solid 5 seconds every time...almost like it is loading the entire resource.
I tested playing the file in IE9 and Firefox and these seem to play ok when I first open it. I really wish chrome would ditch their version of flash and just use the plugin version that all the other browsers use. I love chrome, but this is unacceptable.
I am looking for a solution to this resource loading problem. Things to note, I am using the OSMF framework and using a simple MediaPlayerSprite to show the video. Not a heavyweight element whatsoever. Thanks.

Google Chrome - HTML5 audio and WAV files

I am using HTML5 audio tag to link to a WAV file, but it suddenly seems to be failing. Chrome does not seem to be able to play WAV files (MP3 works fine). I get an error message like:
Error loading: "blob:http%3A%2F%...."
Does Chrome's audio tag support WAV? For e.g., try playing this: http://www.nch.com.au/acm/11kulaw.wav
I am on Chrome version 15.0.874
I don't get the error in Chrome, but the file does not play. The control is visible, but is not working.
There is a bug report in Chromium project that seems to talk about the behavior:
http://code.google.com/p/chromium/issues/detail?id=83323
The gist of it is that .wav can mean a bunch of things and have various encodings. The comments recommend using a plugin to handle this or downloading the file.
For the purposes of serving it on the web, I'd recommend compressing it to an MP3 and an OGG format (if you want to be nice to FOSS people) and including multiple source tags.
I had this problem with an mp3 audio file that did not play just in Google Chrome (this problem could be happening with other audio format files too, like wav or ogg).
I opened my mp3 file in an audio editor (Audacity) and saved it again in the desired format (in this case, *.mp3).
It works correctly in Google Chrome.
My conclusion: if the audio file does not play, the problem is in the settings that generated the audio. Use another program, with other settings.

HTML5 <audio> stalling in firefox

Hi I am working on a site which utilizes the new HTML5 audio element. I have both .mp3s and .wav files ready so that it can play in safari and firefox. Firefox loads the page up in a couple seconds but the audio stalls during playback. The page takes longer to load in safari but the playback is perfect. Have the .wav files been currupted somehow, or is firefox assuming that they are loaded before they actually are? I was really excited to use HTML5 should I just use flash?
Here is the page for reference
.WAV files can easily get huge, as they are uncompress... you'd better be using .OGG files. Here is the list of supported audio formats by browsers.
If you don't know how to convert sounds from one format to another, you can use FFMPEG. It also has a graphical interface for Windows.