HTML5 Audio CSS broken in iOS8 UIwebview

I am using the HTML5 <audio> tag in UIwebview in a number of Apps.
The style of the audio bar and the controls is preset by Apple and that's fine, but I could use CSS to give the audio tag the desired width.
Up to iOS7, this worked nicely (e.g. "audio {width:100%;}" would stretch the audio element to full width, including the progress bar).
In iOS8, Apple obviously broke the CSS Support, so I cannot resize the audio bar in any way.
Can I hope that this will be restored in an iOS update soon?
Or are there any other possibilities to change the size of HTML5 audio elements?

Volume Control in Firefox 11+
This is an problem that has cropped up recently. Some of you may have noticed that the volume controls have disappeared from the audio player in Firefox 11+. True, you can mute it, and the volume controls are still controllable via the keyboard’s up and down keys, but the volume slider itself was removed due to two bugs. I assume this will return in the future, but for now, in case you were wondering what happened to them, it’s not your fault. (You can, of course, use the Media API to build your own set of custom controls.)

Similar Messages

HTML5 audio player has no volume control

I'm using FireFox 20.0.1 & get no volume control on html5 audio player?
Is this broken in this version of FireFox?
Is it due to the plugins/addons conflicting?
Grateful for help & look forward to reply to get this fixed-thanks

Volume Control in Firefox 11+
This is an problem that has cropped up recently. Some of you may have noticed that the volume controls have disappeared from the audio player in Firefox 11+. True, you can mute it, and the volume controls are still controllable via the keyboard’s up and down keys, but the volume slider itself was removed due to two bugs. I assume this will return in the future, but for now, in case you were wondering what happened to them, it’s not your fault. (You can, of course, use the Media API to build your own set of custom controls.)

I am using ALSA and Icecat. When I play any html5 audio/video it works, but the next time i click on another audio/video link I lose sound.

I am using Parabola (a fork of archlinux), Icecat 31.4 and ALSA
Icecat and firefox seem to hold onto the soundcard when I click on a new html5 audio/video link in the same tab. The next video/audio element loses sound. If I wait 10 seconds and click back to the start of the audio/video, the audio returns. I often get cpu spikes for icecat when it happens.
I have tried this with both motherboard and usb sound and I get the same problem. I have disabled extensions (addons) in Icecat, deleted profiles, reinstalled the browser and even installed firefox from the AUR and it still occurs.
I have disable gstreamer in about:config and restarted and it still occurs.
My .asoundrc is this:
pcm.!default {
type plug
slave.pcm "hw:0,0"
All my other audio applications work. I have noticed that if I use pulseaudio it fixes it, but it should work without anyway, like it used to. I think something happened after an update, but I'm not sure.
Any help would be appreciated. I know it's not a big problem, but it's really frustrating and I've had it for ages. I even switched browsers to get away from it.

*nerding out*
I am not an expert in this and if we get stuck I have found a mailing list for the alsa project that can be contacted: http://www.alsa-project.org/main/index.php/Mailing-lists
Gstreamer is disabled in Firefox as well as the os?
Since you are seeing issues with ogg files and moving video/audio combination I started to dig into file formats {sox http://sox.sourceforge.net/soxformat.html}
For ogg would the file format affect the "raw"?
defaults.pcm.file_format "raw"
Updated libraries
alsa-lib-1.0.6-8.FC3
alsa-utils-1.0.6-3
No no, here:
http://oss.sgi.com/LDP/LDP/linuxcookbook/html/cookbook_27.html#SEC377
Is the OGG cpu intensive for your alsa architecture? [http://alsa.opensrc.org/Ogg]
Troubleshooting sound on Linux to narrow down the issue: [http://www.troubleshooters.com/linux/sound/sound_troubleshooting.htm#the_steve_litt_diagnostic_tools]
References: [http://www.alsa-project.org/main/index.php/Minivosc]
[http://www.troubleshooters.com/linux/sound/sound_troubleshooting.htm#the_steve_litt_diagnostic_tools]
I am sorry, this is where I can no longer help. Please seek the guidance of the Linux forums or that alsa mailing list.

How can I have html5 audio continue to play in background in iOS7 from my flex mobile app

I have mobile app I've developed in flash builder 4.6 (flex 4.12 sdk) and I have a stagewebview component which contains HTML5 audio (mp3 retrieved from my web server and streamed / played via the app)... I want to have the ios version of the app CONTINUE to play the mp3 / html5 audio when the user presses the home button on their iphone or opens another app... so that when multitasking, my audio continues to play (where theres no other NEW audio started, for instance).
I have added the following to my manifest but it still doesnt do what Im after. I used this in another mobile app where I just play audio from the url directly in flash builder (i.e. NOT via webview component) -- but here it seems the webview suspends (Im guessing)...
<iPhone>
    <InfoAdditions><![CDATA[
        <key>UIDeviceFamily</key>
        <array>
            <string>1</string>
        </array>
        <key>UIBackgroundModes</key>
        <array>
            <string>audio</string>
        </array>
    ]]></InfoAdditions>
    <requestedDisplayResolution>high</requestedDisplayResolution>
</iPhone>
Is there a way around this so my audio continues to play? My test device is an iphone 4 running the latest version of ios7

You can import audio files into Logic (as easy as drag and drop). You can download these loops from the Internet from a variety of sources both free and paid. Just do a Google search for those.
Once you've imported the file into Logic Pro, right click on the audio region and scroll down to the "Convert" option about halfway down the menu. The top option will be "Add to Apple Loops library" - click this, and it'll add the file into your Apple loops.
It won't affect the other loops in the library.

Html5 audio doesn't work for mp3s.

I can't seem to get tag <audio> working with mp3s on my system(FF 24, Win 7 x64). I tried some wav files, those work ok. But whenever i try to play mp3 file, the html5 player just flashes for a few milliseconds and then disappears. So, is there a bitrate limitation (or any other limitation) for html5 audio tag on mp3s?
Here's an example of code and one of the mp3 files I am trying to use - http://dindo.wz.cz/jukebox.html .
(file http://dindo.wz.cz/Galaxy32Star4.mp3 )
The console (ctrl+shift+k) gives these errors (rough translation):
[14:07:48.861] Type HTTP "Content-Type" "audio/mpeg" is not supported. Loading of media http://dindo.wz.cz/Galaxy32Star4.mp3 has failed. @ http://dindo.wz.cz/jukebox.html
[14:07:48.862] Couldn't load any of candidate sources. Loading of media was suspended. @ http://dindo.wz.cz/jukebox.html
p.s: Even the w3c example doesn't work when i remove the ogg source. (http://www.w3schools.com/html/tryit.asp?filename=tryhtml5_audio_all).

can you replicate the issue, when you create a new profile for testing purposes?: [[Use the Profile Manager to create and remove Firefox profiles]]

Where is the HTML5 Audio player in DWCS6 Cloud version?

I just joined the subscription version of the Cloud and re-installed DWCS6 from there and don't see the new updates I've read about. Like the HTML5 Audio player I read about. Where the heck is it? Thanks! So far this I'm not sold on this Cloud thing and the terrible support I received by phone with Adobe.

Well... it was a bit of a pain to be honest. I had spoken to 3 different support agents who all had different information on what I needed to do to start using the Cloud. So I became very confused on who was giving the right info. When the account became active I went to update DW but it said I was up to date. It was my 19 year old son who suggested I uninstall my previous version of DW and then download it and re-install from the Cloud. I saved all my site logins first and noted which extentions I had. Once I did that I was able to update to the latest version of DW which has the new HTLM5 Video and Audio plugins.
I spoke to 6 different people yesterday while I was on the phone for nearly 2 hours and not one of them gave the right info. And I'll try and make this sound right, but 5 of those people were from a foreign country. While they were polite for the most part, they were very hard to understand and quite often would put me on hold for 5 minutes while they asked someone else for answers. I found myself not trusting anything they said because each one had different answers. I finally complained to a supervisor and stated that for the amount of money I've invested in their products over the last 13 years, it's crazy to have such unprofessional support.
Sorry if I've ranted here but I feel it's part of the experience that I had that may help someone else as you mentioned. Technically, trust your own intuitions or have someone with common sense around.
In closing, I did have to uninstall the programs I had previous to the Cloud and then reinstalled them to get the Cloud versions. AND I had to reinstall all of my DW and FW extentions. Thankfully all of my site logins for DW were still there.
Now that I'm up and running it seems to be working fine. But, not with much help from Adobe phone support. They get a D minus.
Thanks for listening and good luck all.

[SOLVED] No HTML5 Audio output in Firefox

Hi folks, it seems I don't have any HTML5 audio output within Firefox and was hoping I could get some advice. Here's a run down of the situation:
Everything is unmuted in alsamixer.
Audio works through ALSA with every other application I've tried such as moc, vlc, mplayer etc.
I have an .asoundrc file which correctly sets the default and an alias for another card. I use it to switch audio when using mplayer sometimes.
I've used various HTML5 test pages that report audio tag and and playback is working.
Firebug console never reports any errors when trying to play audio within a page.
I've done a fair bit of searching but the documented solution is almost always to setup an .asoundrc config file, but I already have one.
Last edited by Xik (2014-02-22 14:04:25)

Rasi wrote:of course you have all the gstreamer0.10-plugins installed...
Of course!
karol wrote:
See the optional dependencies: https://www.archlinux.org/packages/extr … 4/firefox/
What's the output of
pacman -Qs gst
local/gstreamer0.10 0.10.36-3
GStreamer Multimedia Framework
local/gstreamer0.10-bad 0.10.23-7
GStreamer Multimedia Framework Bad Plugin libraries (gst-plugins-bad)
local/gstreamer0.10-bad-plugins 0.10.23-7 (gstreamer0.10-plugins)
GStreamer Multimedia Framework Bad Plugins (gst-plugins-bad)
local/gstreamer0.10-base 0.10.36-2
GStreamer Multimedia Framework Base plugin libraries
local/gstreamer0.10-base-plugins 0.10.36-2 (gstreamer0.10-plugins)
GStreamer Multimedia Framework Base Plugins (gst-plugins-base)
local/gstreamer0.10-ffmpeg 0.10.13-2 (gstreamer0.10-plugins)
Gstreamer FFMpeg Plugin
local/gstreamer0.10-good 0.10.31-4
GStreamer Multimedia Framework Good plugin libraries
local/gstreamer0.10-good-plugins 0.10.31-4 (gstreamer0.10-plugins)
GStreamer Multimedia Framework Good Plugins (gst-plugins-good)
local/gstreamer0.10-ugly 0.10.19-9
GStreamer Multimedia Framework Ugly plugin libraries
local/gstreamer0.10-ugly-plugins 0.10.19-9 (gstreamer0.10-plugins)
GStreamer Multimedia Framework Ugly Plugins (gst-plugins-ugly)

HTML5 Audio Playback issue from firefox 33 and above.

I have created an application which was working just fine till firefox 32. It is still working fine in firefox 32. But from firefox 33 and above, the audio playback does not start intermittently.
I tried to debug and find the problem further. What I observed is that the html5 audio element in firefox 33 and above does not dispatch 'readyState' event as 4 which is needed to start the playback. It shows its value as '2' due to which, the 'canplay' event is not getting triggered.
This issue is replicable on local machine as well using some bandwidth throttling software. Also, it is important to note that this issue is visible on MAC's firefox. On windows, things are working just fine.
If anyone has any solution of this problem, please let me know.

Actually, I ran all but ADW and I included Super AntiSpyware. There is no virus. It is only V33+ and other browsers work fine. I think I will give up on Firefox for now until I upgrade to Win 7.
Thank you everyone for your input.

Adding an HTML5 audio player to a web page

I have a need to add audio player to a few band sites where there is a list of songs, or playlist, and someone can pick a song (or more) and the player will play it. Since the HTML5 audio tag will work only on one file, the only way I have found to do this is to make a separate page for each sound file and have it use it's own instance of the audio tag. I have seen many sites that have embedded audio players, but have no idea how they did it. I do see several 3rd party players on the net that can be used. Do any of you have any recommendations?
I am not looking to have music start automatically or on page load.

Look at Pickle Player. A commercial player that works in all web devices with MP3 audio or MP4 video and supports playlists.
http://www.pickleplayer.com/
Nancy O.

HTML5 Audio/Video Not working at all on new Windows 7 install

I'm the developer of jPlayer, a plugin for jQuery and my recent testing a new laptop on Windows 7 Ultimate, Safari 5.0.1 found that the audio and video HTML5 elements do not work at all.
http://www.happyworm.com/jquery/jplayer/
http://www.happyworm.com/jquery/jplayer/HTML5.Audio.Support/
My plugin checks for the mediaElement.canPlayType() method and if it exists it then checks the suitable MIME types for compatibility. But that is just the fine details. Basically, the Safari 5.0.1 browser installed on Windows 7, without any of the audio or video support.
Testing on other sites around the web also showed that this install did not include those parts of the HTML5 spec. No idea why. I installed it off the apple/safari site and it is fully updated. Chrome 5, Firefox 3.6, Opera 10.6 all worked fine.
Example of other sites used to check:
http://www.html5rocks.com/tutorials/video/basics/
By comparison, my old Windows XP machine works fine with Safari 5.0.1 and has had a version of safari installed on the machine since Safari 3.
Side note, the Mac versions of all the browsers work fine. Also the iPad emulator shows everything works.
Any ideas what went wrong with my install on Windows 7?
Best regards,
Mark P

I am looking at this issue too. I installed Safari 5.0.1 on Windows XP on two different machines. In these cases I found that the .canPlayType() always returns undefined on an audio element. So http://www.happyworm.com/jquery/jplayer/HTML5.Audio.Support/ showed that no support for HTML5 audio was found. ( http://twitpic.com/2f16nh )
Both installations were clean installs and it was also the first time Safari had been installed on both XP installations.
I don't see these issues on OSX 10.6.4 and others have reported that it worked under Windows 7. My guess then is that is something to do with new installs and not OS.
Mark B

Safari HTML5 Audio Bug

Hello,
With Safari, it is not possible for me to play HTML5-Audio. I've tried it on several demo sites, but always the same.
e.g. http://demos.w3avenue.com/html5-unleashed-tips-tricks-and-techniques/sample-04-a udio-demo.html
The demo page from Apple also does not work -> http://www.apple.com/html5/showcase/audio/
Safari 5.0.3
Windows 7
Does anyone have the same problems?
Message was edited by: kevko

Hi,
It's actually a web application i.e. it runs as a series of web pages from a URI. That said, it sizes itself dynamically to render on different devices and is designed to be run on any web browser (mobile or otherwise) on any device. However, I'm encountering issues with mobile browsers (not just Apple I might add) that will not allow preloading of HTML5 audio even if they're on a WiFi connection. I will have to re-think my design and perhaps develop a stand-alone App rather than a web page using similar technologies.

Captivate 7 - HTML5 audio/slides not syncing

Hi,
I am trying to publish out to HTML5 (Captivate 7 with the patch on Windows 7). I have audio on each slide and if I just let it run straight through, it's fine. However, if I page forward the audio is not sync'd with the slide anymore. It looks like it take a little longer for the slide to catch up but the audio starts right away.
Also, if I go back and forth (I know this isn't right but I know learners are going to), sometimes I get audio from two slides playing at once.
Is this just an HTML5/audio issue or is this a Captivate issue?
Thanks,
Joy

Sreekanth,
I think I've found a workaround for this issue. I’m finding when audio is placed on each question slide in the pool, the audio on subsequent slides play. The audio on the question slides has to be different from audio used on non-question slides (but all the question slides can use the same audio). Also, the question slide audio can be a very short and silent piece of audio, so nothing is heard on the question slide itself.
Bruce

Html5 audio duration problem

Hi guys,
I'm building a website using the HTML5 audio control. I'm having quite a trouble with certain mp3 files: it simply doesn't seek correctly when moving the slider. Specifically, I can move the slider to the desired position, but the sound jumps to an incorrect time. Therefore, when the slider comes to the end, the song is already playing, and the current time keeps incrementing.
In addition, the track length (it's supposed to be a fixed value, loaded from the metadata) has a strange behavior given that point: it starts incrementing as the current time...
I found no differences between the files that work correctly and the files that don't, but I suspect is a browser support related issue, since I didn't experience that problem using Chrome.
Just in case, you can download the file here:
http://www.4shared.com/mp3/JzSPjx3Qba/Quartet_12_Mov_1.html
And this is the test code I'm using:
<!DOCTYPE html>
<html>
<head>
<title>Test Page</title>
</head>
<body>
<audio controls="controls">
<source src="Quartet 12 Mov 1.mp3">
</audio>
</body>
</html>
Thanks in advance!

hello, if you think it's a browser issue, you can file a bug report at bugzilla.mozilla.org - there it should get the attention of mozilla's developers (whereas this forum is primarily staffed by volunteers and firefox users like you helping out).
thank you!

How can i add an HTML5 audio player to iWeb?

I'm trying to add an HTML5 audio player to my iWeb website.
I tried using the java script codes from players like speakker, jquery or JMS. Even though I downloaded everything from their websites, when I sent the code to the HTML snipet of iWeb, nothing happened.
Do you know how I can do this?
Thanks in advance,
Brazilian_girl

Thank you so much for all your info, that really helps.
I read the instructions for the speakker player, but they seemed so confusing to me in terms of how to do everything, setp by step in regards to iWeb.
So, let me make sure I got it:
1) I go to my FTP site/hosting create a new folder
2) add the music and the graphic content from the player (images form the buttons, etc...)
3) get a link from the FTP hosting site with all this stuff
4) Write the link in the code
5) paste the code (with the link in it) into the HTML snipet widget of iWeb.
Is this correct?
Thank you again, I really appreciate it!

Play() method not implemented HTML5 audio tag?

Hello,
I am trying to play a sound using the HTML5 audio-tag and Adobe Air SDK 2.5.
This is part of the HTML5 code:
    <audio preload="auto" id="myTone">
        <source src="test.mp3">
        <source src="test.ogg">
    </audio>
And from javascript I do:
    a = document.getElementById("myTone");
    a.play();
Unfortunately, that doesn't work. I get this error message in the console window:
    TypeError: Result of expression 'a.play' [undefined] is not a function.
However, when I run this code directly in Firefox 3.6.11 on my Windows XP machine, it works.
Dito in Safari 3.2.1 on my Mac OS 10.5.6 computer.
So apparantly, not all methods and events of the audio-tag are implemented in the Adobe AIR environment.
Is this by design? Or is it a bug?
I know there is another way to play sounds (I read Jeff Swartz' article - http://www.adobe.com/devnet/air/ajax/quickstart/articles/sound_in_html.html). But I think a pure HTML5 solution would be cleaner.
Who can provide more info about this issue?
Many thanks.
Jay

Hi there,
same issue here.
A workaround, far from perfect, is to request the base64 encoded data using an Ajax call
and set the src attribute of the audio element to 'data:audio/mpeg;base64,' + base64encodedaudio.
Regards

HTML5 Audio CSS broken in iOS8 UIwebview

Similar Messages

Maybe you are looking for