Audio .MP3 not working in Safari browser - audio

I am developing web application where i have to use play sound where i used .MP3 but its issue occur.
Sound play good in chrome, Firefox but in safari its not working.
<audio id="myAudio"><source src="/assets/noti.mp3" type="audio/mpeg"></audio>
I have no idea and did not find anywhere so I asked here.
Hope and waiting for your response.
Thanks in advance.

I had also problems with mp3 file on safari and after a lot of research it was problem with the compression of the file.

I had the same problem, but I had urls like /listen/123.
Notice that it has no extension.
I was streaming the file, so the link worked in chrome + firefox.
So I've added an extension to the url (listen/123.mp3) and modified my back-end code so that 123.mp3 would actually load the resource 123.
And it worked.

I had the same problem and I was able fix the corrupted mp3 file with the open source tool MP3val. The problem which this tool fixed was "Garbage at the beginning" of the file. Now the sound works also on Safari.

Related

html5: audio doesn't work with apache on my wamp server

I downloaded able player, an accessible cross browser audio and video player from https://ableplayer.github.io/ableplayer/
Before downloading, I played some examples from github pages to see it in action with my screen reader. It works very fine, with internet explorer 11, google chrome and firefox.
So, i downloaded it and copied it in my localhost server. I use wamp server, apache, php and mysql.
Before playing from my localhost, I added on my .htaccess in root folder, all AddType directives suggested by able player github page.
When I try to play examples in demo folder, with internet explorer, my screen reader doesn't see audio player region and I can't play anything.
With google chrome, I can play, but I can't see playlist elements managed by able player.
So, I tried to make my own audio player without using ableplayer, without css, simple html5.
Now, I tried to play it with and without apache.
By opening index.html with internet explore, it sees audio region and play mp3.
If I point to localhost, where I put index.html, I can't see anything.
So I believe apache is the problem, but in apache log I can't see any error.
Does Some one has a suggestion? Something to modify in my .htaccess?
Thanks!
I solved! Definitively was apache. I downloaded an .htaccess from github that works fine. Now I can play audio and video.

Can we implement Miracast functionality in google_cast

Can we implement or tie in miracast functionality into chrome cast? Or configure the receiver to accept miracast content?
Update: Miracast is actually supported now. See here.
=====
Miracast probably never will be supported on the ChromeCast (without some sort of hack). However, a little workaround does exist. If you're just wanting to stream video, just drag/load the video into a Chrome tab and use the ChromeCast extension to steam that video content to your device. It should work with any files that Chrome itself supports (PDF, images, etc). Hope that helps.

<audio> elements not working on WordPress

I have a small WordPress site. I do a lot of audio work and I'm trying to post HTML5 audio clips in blog entries on WordPress. For some reason it isn't working. It might have something to do with the style I'm using on my WordPress site but I haven't been able to nail it down. I know my audio tags are valid, as they work elsewhere.
Here's an example audio tag:
<audio src="http://files.dannystewart.com/dom2008.mp3"></audio>
And here's a page demonstrating it not working:
http://www.dannystewart.com/html5-audio-test/
I'm quite sure this is something very simple that I've just missed, but any pointers would be appreciated.
Thanks!
You seem to be missing the controls attribute. This made it all work in Chrome for me:
<audio src="http://files.dannystewart.com/dom2008.mp3" controls></audio>
Note it won't work in Firefox - it doesn't support MP3 files. See http://adactio.com/journal/1669/ for a possible solution. As of December 2013, Firefox supports MP3 on Windows (XP+), Linux, Android, FirefoxOS, but not MacOS (bug). See https://developer.mozilla.org/en-US/docs/HTML/Supported_media_formats#Browser_compatibility.
Cool sound!
The problem is your doctype: html5 allows <!DOCTYPE html> only. Which is not to say that browsers won't support html5 elements with other doctypes...but YMMV.

Play Apple's .caf audio file on a webserver?

Play Apple's .caf audio file on a webserver? I have .caf audio files (Apple's open audio format) stored on my webserver and want to play them from a web browser on any O/S.
I understand, this doesn't seem like the solution you're looking for, but...
Several weeks ago we faced the same problem. We have several clients which are posting audio files to the web site from theirs iPhones, and we need to play audios on the web site.
But we didn't find any suitable flash player with .caf format support.
So we decided to convert .caf to .mp3 on the server through the ffmpeg.exe utility.
Happily, there a lot of flash players with .mp3 support.
Now I have not tried this... but...
This website:
http://modmyi.com/forums/skinning-themes-discussion/1769-how-do-i-create-caf-file.html
Seems to suggest that .CAF and .AIF may work interchangeably (It suggests that to convert to .CAF you convert to .AIF` and then rename the file).
Have you tried renaming it to .AIF and trying to play in a flash/java browser player? Alternatively just send it as a stream to the web-browser and let the client OS work out what to do with it (Like quicktime running inside the browser).
Let me know how it goes.

Video format that wouldn't require a browser plugin

What is the recommended (cross-browser) video format to use on websites so that users' browsers (or most of them) wouldn't require to download a plugin to view it?
There is no single video that will play in every browser. If you want it to work across the most browsers, you're going to have to encode your video more than once. Dive into HTML5 video has the gory details.
You nest your video references so that browsers try these in order, falling back if it's not supported:
Ogg Theora
MP4 H.264
A Flash container displaying #2
Number 1 gets you Firefox 3.5 and Chrome. Number 2 gets you Safari and the mobile phone WebKit browsers. Number 3 gets you IE, Firefox ≤3, and Opera.
There is no such format available yet. The best way to go is:
Flash (most of the users have flash plugin installed already, 99% according to http://www.adobe.com/products/player_census/flashplayer/)
OGG (This will be available in HTML5 as standard)
Yes HTML5 will solve some of the problems of not needing a plugin, but different browser vendors have chosen different codecs and file formats. It's complicated, but Dive Into HTML 5 has a great article.
None! but you can do it with HTML 5 which is not implimented by all browsers ...
if you really need a video on your page i would recommend flash or silverlight
In a couple of months HTML 5 will be supported by almost all browsers on this planet. If you are planning to run your services in 2010 just use OGG open standard container format. It is unrestricted by software patents and is designed to provide for efficient streaming and manipulation of high quality digital multimedia. It is already supported by Firefox 3.5 and soon all browsers will support it.
Please look at documentation and wiki on http://www.xiph.org/ogg/
A giant GIF. (You could attach a Javascript image preloader script to the movie to load it.)
Microsoft Video Codec VC1

Resources