Comments (9)
Could you try playing your stream from the demo and see if the issues still occur?
Also, do you get any errors in the browser console when the playback doesn't start?
You might also check the network request tab in the dev tools to make sure iOS is fetching the stream properly each time you click play.
from icecast-metadata-js.
I'm not entirely sure if I did everything right. I turned on Web Inspector on the iPhone and looked at the errors in the console using Safari on the old Mac. Screenshot in attachment. I also made a little mistake with the Iphone model. In this case it is the iPhone SE.
I tried to run demo players, they work well, without problems on iOS.
from icecast-metadata-js.
Do you have a link to your code so I can take a look, or a link I can visit to reproduce it?
The first error in your screenshot might be significant, but I'm not sure what would be causing it.
from icecast-metadata-js.
Link here. Site on WP.
from icecast-metadata-js.
I wasn't able to reproduce the errors you saw, since it appears you changed the webpage and also added the html
playback method sometime parameter after posting your initial screenshot.
I was able to edit your webpage to remove this and then also enable logging by passing the enableLogging: true
property into the instantiation. Once logging was enabled, an error was logged, but not the same ones that you posted earlier. I'm not sure what is causing this one. I looked at your HTTP headers, and a couple other things that I think might cause this in the library, but everything looked fine. CORS shouldn't be an issue, since you are hosting your stream and webpage from the same domain name.
I would focus on narrowing down if one of your plugins or word press scripts is causing some issues by starting off with no plugins / scripts, and then adding and testing one at a time. You may also try a bisection search to narrow in on if a particular plugin is causing the issue.
from icecast-metadata-js.
This stack overflow post has a description of what can cause this error, but I already have a work around code for this in the library.
icecast-metadata-js/src/icecast-metadata-player/src/IcecastMetadataPlayer.js
Lines 592 to 624 in 581ce48
from icecast-metadata-js.
Thank you for not giving up on my problem. First of all, I removed all scripts and HTML from the page, and also disabled all plugins and this gave the result. At this point, playback starts. I haven’t yet figured out what exactly the problem was, because I’m trying to solve another problem.
Currently, audio on iOS in Safari, Chrome and Firefox browsers does not resume after pressing the Stop button and then Play again. At the same time, using the Web Inspector, I see that after pressing Stop and pressing Play again, data is being transferred from the mounting point. That is, there is stream transmission, but there is no sound, and there are no errors in the Web Inspector console.
It seems that the error is due to the fact that the request contains "No request headers".
from icecast-metadata-js.
This is very puzzling that the stream works on the demo page, but not on your webpage, even with all the plugins / scripts removed. I would try just creating a raw HTML, only with a play and stop button and nothing else (no other scripts or wordpress logic of any kind), then gradually build it up to see what step is causing the issue.
If the raw HTML doesn't work, then I'm wondering if it might be something with your domain or your hosting. You might try running your website locally on your iPhone and seeing if it still faces the same issue.
from icecast-metadata-js.
Closing due to inactivity.
from icecast-metadata-js.
Related Issues (20)
- DOMException: The play() request was interrupted because the media was removed from the document HOT 3
- Depricated code HOT 1
- Station name from metadata? HOT 2
- Deferred module loading? HOT 1
- 'IcecastReadableStream' is not exported from 'icecast-metadata-js' (imported as 'IcecastReadableStream') HOT 8
- webaudio analyser ? HOT 3
- Full screen visualizer in demo
- multiple instances of metadata HOT 4
- icecast-metadata-stats NodeJS support HOT 6
- Authenticated streams not working? HOT 4
- CORS or header problem from icecast2 HOT 3
- iOS does not recognize playback correctly
- AbortError with streams from Icecast 2.4.0-kh22 HOT 10
- Uncaught ReferenceError: player is not defined HOT 8
- icecast-metadata-player retry / reconnect logic not working in iOS 17 HOT 1
- icecast-metadata-player - navigator.mediaSession.metadata not working in iOS HOT 3
- Pass custom parameter into icecast-metadata-player-1.17.1.main.min.js HOT 5
- Writing metadata to a file HOT 2
- ReferenceError: Worker is not defined HOT 5
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from icecast-metadata-js.