I previously had HTML5 audio playlists working in iOS, even when the screen was locked. This was achieved using the solution suggested here: swapping out the the src when the ended event was triggered.
Can HTML5 in the browser play continuous audio on iOS lock screen?
Now on iOS15 this seems to have stopped working and so playlists reach the end of the first track and the next one never starts.
Has anyone experienced this too? Anyone know a solution? This makes my website basically broken for people who want to listen to audio playlists while the phone is locked.
Met same problem.
It seems like safari on iOS 15 locked audio element when src changes, which won't happen on iOS 14 and before.
You can try to use howler.js to partially solve this problem. This library creates 5 or more audio elements when user interacts, but it will still encounter the same problem when pre-created audio elements is depleted in the background.
Related
I am using the HTML5 tag to play audio files. My problem is that there is an audible gap when a track has finished playing, before the next one starts. This isn't a big deal with most pop music, but for opera it can be very distracting. Any tips on how to avoid this? I'm willing to completely re-write this part of my app.
https://github.com/EricTerrell/ebt-music-manager/blob/main/src/play.js
https://www.ericbt.com/ebt-music-manager
This is an Electron app, so any solution that works in Chrome would probably work for me.
Thanks in advance!
Eric Bergman-Terrell
https://www.ericbt.com
I am using JWPlayer for a long time but have a problem with playlist not auto loading next tracks in iPhones. I have JWPlayer version 6 loaded with an rss playlist of MP3 files. If the user has the browser open the next track loads and starts playing. If the phone is locked it does not start playing the next track automatically for some reason.
Website: gurbanivichar.com
I would appreciate if someone can help.
Update
I have asked JWPlayer support for help but it seems like they are not able to replicate the issue for some reason. I on the other hand have this issue on iPhone 4s/5/6s/7 and iPad, other iPhones I have not tried.
JWPlayer support thread: https://support.jwplayer.com/customer/en/portal/questions/16729726-mp3-playlist-auto-play-next-tracks-in-iphone?new=16729726
If you can help be reproducing the issue, would be appreciated.
I investigated this issue thoroughly and found that this because of iPhone/iPad limitation that apple has put in. The limitation stops audio/video to autoplay without any interaction. The initial trigger has to come from the user.
So due to this, I have decided to allow users to download an m3u playlist to play on an audio player on the device such as Remote Media Manager, it allows an M3U from any URL to stream music from the web.
Thanks for your help.
Using froogaloop (the js api provided by vimeo) I was able to play two videos at the same time on desktop and android phone but this isn't working on ipad.
It's a video of someone commenting the first video so I also need the first video to be muted (also ok on desktop and android phone).
On ipad, it seems like the first video shortly enters the playing state and stops when the second starts, as if there were an hard-coded limitation on the player that prevent both videos from playing at the same time.
Ipad is also the only platform where I see the "undock" button, which could explain the hard limitation.
Is there a way to play 2 videos at the same time, one muted, the other at full volume ?
First, vimeo has relased its new api recently and froogalops won't be maintained anymore, yet still working. I' don't know wether this release brings any changes in respect of ios
Second, your question is not super clear to me, as it seem you manage to do what you wanted, except on ipad (what ios version and what about other ios devices), while your title and your bottom line is
Is there a way to play 2 videos at the same time, one muted, the other at full volume ?
and not ? Is there a way to play two vimeo video at the same time on ipad or ios ?
Third, vimeo provides the posibility to add autopause=0 in the url of your embeded video, this prevent the vimeo video curently playing to be paused when another one is started.
It works on desktop and android but haven't tried the behaviour on ipad yet as Ì don't have one in hand at the moment.
Finally, after some seach, it seems that this question may be asked regarding ios at large, and not solely ipad, and in this respect this post might be usefull for you
Not sure if it helps, as your post is 7 month old, but if you provide your code I may give a second try.
Cheers
I'm looking for a way to multitrack a video with a bunch of sounds.
IOS prevent multiple audio and video to play at the same time.
I found a way on IOS, to launch a sound and an audio by putting the video.play() command in a setTimout (500ms). But this don't works every time, and the medias are not sync. This is not code consistent and maybe apple will correct this on breach on next version of iOS
MediaGroup and MediaController seem supported on iOS but not work properly.
AudioTrack was implemented on some navigators and seem to be removed
What is the alternative?
I've already tried those:
//gingertech.net/2011/05/01/html5-multi-track-audio-or-video/
//blog.denivip.ru/index.php/2013/10/alternative-audio-tracks-in-html5-video/?lang=en
//ldki.blogspot.ca/2012/11/15-html5-video-player-sync-second-audio.html
So I was recently trying to learn html5 stuff and got to the audio tag. It seems to work just fine on my PC's browser, Chrome, but not so much on my android (4.0, using both the stock browser and dolphin). It will play the audio once, but never again. Take this site for example:
http://www.stefanvignir.de/rimshot/
Very basic, it has a button that plays audio every time you press it, but not on my android. It only plays the first time you press it. How do you get around this? Just wait for mobile browsers to update?
I heard a workaround is to set audio.currentTime = 0; but that didn't seem to solve anything.
Apparently you can reset the source (audio.src = audio.src) and that will allow you to play it more than once, but it has to re-download the file. A workaround, I guess, but not acceptable.
Any suggestions? Thanks.
this works in desktop and andriod browsers for multiple presses - and you can wrap in a div etc for styling:
<a onclick="this.firstChild.play()"><audio src="1.mp3"></audio>play</a>
More than just the audio tag so you have more control over what the play button looks like. If you need more buttons you can change the code for pause etc