Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Still not working on iOS #24

Open
DanieleSuppo73 opened this issue Jan 9, 2020 · 8 comments
Open

Still not working on iOS #24

DanieleSuppo73 opened this issue Jan 9, 2020 · 8 comments

Comments

@DanieleSuppo73
Copy link

Hello,
you wrote that with 0.0.7 version your plugin should work on iOS , but I still can't make it work (not with Safari, not with Chrome): the video does not show up (but I can hear the audio)
P.s. Double tapping on the (black) screen it show the video fullscreen, but not 360.

I'm using npm package, as you suggested

<script type="text/javascript" charset="utf-8" src="node_modules/clappr/dist/clappr.min.js"> </script> <script type="text/javascript" charset="utf-8" src="node_modules/clappr-video360/dist/clappr-video360.min.js"> </script>

var player = new Clappr.Player({
source:'https://player.vimeo.com/external/356158599.m3u8s=4cc2e833252c2f761dad31c7a825828d68146a78',
plugins: {container: [Video360],},
width: "100%",
height: "100%",
parentId: '#player',
});

It work fine on PC and Android, not on iOS + Safari / Chrome
You can check my test here:
http://issimissimo.com/_temp/ClapprTest/

Tested on iOS 10 - 13

@thiagopnts
Copy link
Owner

Hi @DanieleSuppo73, can you confirm if this demo:
http://thiago.me/clappr-video360
works for you on iOS? if this one does it might be something with the plugin running with HLS, so you can try to run it with a mp4 to workaround while I look into the issue

@DanieleSuppo73
Copy link
Author

DanieleSuppo73 commented Jan 10, 2020

Yes, your demo is working.
I did some test on iOS:

  1. It work with a LOCAL HOSTED (on my server, not Vimeo) .mp4 video file, with max size 2048 x 1024
  2. It does not work with a LOCAL HOSTED (on my server, not Vimeo) .mp4 video file, with size 4096x 2048 (Error code: html5_video4) on iOS10 (but it seem to work on iOS13, not totally sure at the moment)
  3. It does not work with .m3u8 video file hosted on Vimeo (black screen)
  4. It does not work with .mp4 video files hosted on Vimeo, of any size (black screen)

I give you a couple of links on Vimeo to test:

HLS:
https://player.vimeo.com/external/356158599.m3u8?s=4cc2e833252c2f761dad31c7a825828d68146a78

MP4:
https://player.vimeo.com/external/356158599.hd.mp4?s=a65bd6b347c2304168f064aa36ff6b72bbe68d49&profile_id=175

Many thanks!

@thiagopnts
Copy link
Owner

cool thanks! I'll try to fix HLS playback and check for these higher resolution issues this weekend

@DanieleSuppo73
Copy link
Author

I forgot to mention that I'm running iOS10 on iPhone6s, and iOS13 on iPhone7.
Many thanks for your work

@DanieleSuppo73
Copy link
Author

Hello thiagopnts
did you find any solution for videos on Vimeo (HLS or MP4) ?
I have some bandwidth troubles to play the videos hosted on my server...
Many thanks

@thiagopnts
Copy link
Owner

Hey @DanieleSuppo73 I havent looked yet, I'll be stuck between airports for hours this week, so I'll have time soon

@DanieleSuppo73
Copy link
Author

Ahahah! Don't worry, take your time. Sometimes to be stuck in airport is not so bad if you can relax

@DanieleSuppo73
Copy link
Author

Hello thiagopnts, could you give a look?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants