smnbbrv / ngx-plyr

Angular 6+ binding for Plyr video & audio player
https://smnbbrv.github.io/ngx-plyr/
MIT License
100 stars 65 forks source link

Mobile devices #8

Closed iovanefelice closed 5 years ago

iovanefelice commented 5 years ago

The component doesn't work for mobile devices. ¿Someone else is having the same problem? When i run my app over a PC i don't have any problems, when i try to use it on a mobile device (ios and android tested) the component never play anything.

My source is a radio streaming url.

Hope anyone could help.

Kind regards,

smnbbrv commented 5 years ago

Hi @iovanefelice

could you provide an example?

iovanefelice commented 5 years ago

Hello Simon,

Yes, i have this app -> http://mradioapp.herokuapp.com/login credentials are:

username: user password: password

Once you get in you have to press on "Los 40 principales - Espana" and at the bottom of the page you will see the plyr component displayed.

If press play the streaming starts playing with no problem but if you try to do it on a mobile device the audio is never played.

Heres my .html player tag:

<div plyr plyrType="audio" [plyrSources]="c.url"></div>

My app is a radio streaming player, so my c.url attribute is the direct streaming url.

I also imported the plyr module to my app module.

Hope you can help,

Kind regards, Felix.

smnbbrv commented 5 years ago

It does not play on my chrome as well:

image

iovanefelice commented 5 years ago

I was able to play because i turn off the cors validation.

With the regular HTML5

Hope you can help,

Kind regards, Felix.

smnbbrv commented 5 years ago

That's actually interesting. Do you use crossorigin on the audio tag?

smnbbrv commented 5 years ago

Would you be able to make it work here with a bare bone plyr?

https://codepen.io/pen?template=bKeqpr

iovanefelice commented 5 years ago

Hello Simon,

Yes, if i change the video tag for the audio tag in JS an HTML it doesnt work neather.

With this source i have problems: http://194.169.201.177:8085/Los40 Trying with another one and it works: http://20073.live.streamtheworld.com/CADENASER.mp3

If you open both directly on chrome you will see the default HTML audio tag and it works, but not on this component!!

Any idea? i like this component so much.

Kind regards, Felix.

smnbbrv commented 5 years ago

I’d love to further debug it but I would need a stackblitz that fully reproduces the issue: it works on desktop but not on mobile. Just a really simple code with a reproduction

smnbbrv commented 5 years ago

closing as long as the issue is not really localizable. Please reopen it if you can provide a pure stackblitz example of the problem

anaganisk commented 5 years ago

crossorigin attribute is being automatically added which is likely breaking this