I'm trying to get into the Web Audio API as I'm looking to make some visualizations based on the music that's playing. However all examples I have found, it's like the audio is muted. It plays the file but there's no sound.
For example: codepen.io/noeldelgado/pen/jqibm
Even following this - https://www.youtube.com/watch?v=IBHpSkGZtNM yields same result.
I'm on mac, using the latest version of Chrome (42.0.2311.90), have also tried on latest Firefox and it's the same problem.
It's a cross-origin access issue in createMediaElementSource that landed in Chrome 42. You need to setup the appropriate headers for the ogg files and set the crossOrigin attribute. Otherwise you get no audio output at all.
Related
I am trying to play a video streamed by a third party using the HTML5 video player in Chrome Mobile, the problem I am facing is that the video can play for some time while it's minimized and after a while it decides to quit and return a MEDIA_ERR_SRC_NOT_SUPPORTED - audio/video not supported error; the problem happens much faster when I switch from minimised to maximised then back to minimised over and over again. It also seems to happen faster if I continuously tap on the video itself, I have also hidden the default controls and use my own custom ones.
What could be causing this issue ? I try the same thing in Safari with the QuickTime player and the video feed does no die
EDIT: Did some more digging around and found this:
Android HLS video mime type
I receive a playlist m3u8 file but my request link does not have m3u8 in it whatsoever but should the video even be playing if the m3u8 keyword isn't there ? I am also testing this on an android 4.4.4
Specifying the correct MIME type is worth a try. However, there's one other thing that caught me out (with iOS anyway): check that the server hosting the video supports 206 Partial Content requests correctly. I posted about debugging this issue here.
If your using FireFox and getting the SRC not supported, I went threw the codes on some of the players at sites I like to view, I found that the Adobe Flash Player will solve the Problem, FF uses the VLC plugins, but with the current updates on FF with the VLC on HTLM5 players you might get a SRC error code, you need the Adobe Flash Player.
I have searched your error code on internet and i have found this:
MEDIA_ERR_SRC_NOT_SUPPORTED (4) The media resource specified by src
was not usable. MEDIA_ERR_SRC_NOT_SUPPORTED
(5) The encrypted media
stream could not be played. This is because of one of the following
conditions: A key was not provided and a onmsneedkey handler was not
provided The provided key could not be applied. Decryption is not
supported for this media data.
Source
So I would say you initialize src wrong.
I want to show a video on my website. I have created a .mp4 file and using the HTML5 video tag to add it to the html.
The problem is that it is not being displayed in chrome. I would also like to know how I can replay it again and again.
I too had the same issue. I changed the codec to H264-MPEG-4 AVC and the videos started working in HTML5/Chrome.
Option selected in converter: H264-MPEG-4 AVC, Codec visible in VLC player: H264-MPEG-4 AVC (part 10) (avc1)
Hope it helps...
After running into the same issue - here're some of my thoughts:
due to Chrome removing support for h264, on some machines, mp4 videos
encoded with it will either not work (throwing an Parser error when
viewing under Firebug/Network tab - consistent with issue submitted
here), or crash the browser, depending upon the encoding settings
it isn't consistent - it entirely depends upon the codecs installed
on the computer - while I didn't encounter this issue on my machine,
we did have one in the office where the issue occurred (and thus we
used this one for testing)
it might to do with Quicktime / divX settings (the machine in
question had an older version of Quicktime than my native one - we
didn't want to loose our testing pc though, so we didn't update it).
As it affects only Chrome (other browsers work fine with VideoForEverybody solution) the solution I've used is:
for every mp4 file, create a Theora encoded mp4 file (example.mp4 -> example_c.mp4)
apply following js:
if (window.chrome)
$("[type=video\\\/mp4]").each(function()
{
$(this).attr('src', $(this).attr('src').replace(".mp4", "_c.mp4"));
});
Unfortunately it's a bad Chrome hack, but hey, at least it works.
Source: user: eithedog
This also can help: chrome could play html5 mp4 video but html5test said chrome did not support mp4 video codec
Also check your version of crome here: html5test
(#Alston posted this as a comment, and it worked for me, and 9 others who also upvoted, so posting this as an answer to get more eyeballs on it:)
Simply re-encoding the video file with this FFMPEG command solves it:
ffmpeg -i input.mp4 -vcodec h264 output.mp4
This started out as an attempt to cast video from my pc to a tv (with subtitles) eventually using Chromecast. And I ended up in this "does not play mp4" situation. However I seemed to have proved that Chrome will play (exactly the same) mp4 as long as it isn't wrapped in html(5)
So here is what I have constructed. I have made a webpage under localhost and in there is a default.htm which contains:-
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<video controls >
<source src="sample.mp4" type="video/mp4">
<track kind="subtitles" src="sample.vtt" label="gcsubs" srclang="eng">
</video>
</body>
</html>
the video and subtitle files are stored in the same folder as default.htm
I have the very latest version of Chrome (just updated this morning)
When I type the appropriate localhost... into my Chrome browser a black square appears with a "GO" arrow and an elapsed time bar, a mute button and an icon which says "CC". If I hit the go arrow, nothing happens (it doesn't change to "pause", the elapsed time doesn't move, and the timer sticks at 0:00. There are no error messages - nothing!
(note that if I input localhost.. to IE11 the video plays!!!!
In Chrome if I enter the disc address of sample.mp4 (i.e. C:\webstore\sample.mp4 then Chrome will play the video fine?.
This last bit is probably a working solution for Chromecast except that I cannot see any subtitles. I really want a solution with working subtitles.
I just don't understand what is different in Chrome between the two methods of playing mp4
Encountering the same problem, I solved this by reconverting the file with default mp4 settings in iMovie.
I was actually running into some strange errors with mp4's a while ago. What fixed it for me was re-encoding the video using known supported codecs (H.264 & MP3).
I actually used the VLC player to do so and it worked fine afterward. I converted using the mentioned codecs H.264/MP3. That solved it for me.
Maybe the problem is not in the format but in the JavaScript implementation of the play/ pause methods. May I suggest visiting the following link where Google developer explains it in a good way?
Additionally, you could choose to use the newer webp format, which Chrome supports out of the box, but be careful with other browsers. Check the support for it before implementation. Here's a link that describes the mentioned format.
On that note: I've created a small script that easily converts all standard formats to webp. You can easily configure it to fit your needs. Here's the Github repo of the same projects.
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.
Is there any way via extension / hack / or otherwise to play an m3u8 video from google chrome? I'm having some trouble getting the official word on m3u8 support, though I'm pretty sure its unsupported.
I'm working on a video player with live playback (using flash for standard browser apps) so I'm using m3u8's to get everything working on mobile, but the debugging tools on mobile leave a lot to be desired. I was wondering if there was any workaround to getting these videos to work so I could use the browser debuggers. (I'm on windows 7).
There's a new appendBytes/sourceBuffer proposal in the spec, and I saw a chrome evangelist mention that there was a beta implementation in chrome canary. With that you would have to write a ton of javascript to read the m3u8 file, get the video segments, parse the data, and push them into the media element manually. I'm guessing that's more than you want to do for testing.
What you probably want is something like Weinre.
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.