Hello Hopki,
I am using bunnycdn to host videos. Within Pano2VR I am using video_url for this. The issue i am faced with is that my orignal bunny cdn videos are in HLS format. They allow MP4 encoding only upto 720p so I am not able to play my original 1080p videos. Is there a way to use hls video within Pano2VR or any other way I can play the CDN videos?
Video url hls video
If you know a little bit of javascript, you can use https://github.com/video-dev/hls.js
Attached is a demo with the new Pano2VR 7 code element.
Attached is a demo with the new Pano2VR 7 code element.
- Attachments
-
- hls_demo.ggsk
- (1.46 KiB) Downloaded 72 times
MfG, Thomas
Hello Thomas,
Thank you for sharing demo skin with hls code, I did check out the output - it works.
But since I don't know Java script, I am trying to figure out what's going on but was able to make out from your code element that you are fetching video from this video source: https://test-streams.mux.dev/x36xhzz/x36xhzz.m3u8 via loadsource
and you are loading the video player because of this code inside the text field: <video id="video" controls style="width:100%;height:100%"></video>
but if I have several video_url do I need to paste different code element based on 'hls' video link individually or is there a way I can specify the video URL inside hotspot properties?
Or do I need to paste this code to the video_popup_url ?
I have attached my skin, can you help me add the code to the right element and make me understand where I need to add my URL for example:
https://vz-9cecd9eb-ddc.b-cdn.net/5db28 ... ylist.m3u8
from my Bunnycdn
Thank you for sharing demo skin with hls code, I did check out the output - it works.
But since I don't know Java script, I am trying to figure out what's going on but was able to make out from your code element that you are fetching video from this video source: https://test-streams.mux.dev/x36xhzz/x36xhzz.m3u8 via loadsource
and you are loading the video player because of this code inside the text field: <video id="video" controls style="width:100%;height:100%"></video>
but if I have several video_url do I need to paste different code element based on 'hls' video link individually or is there a way I can specify the video URL inside hotspot properties?
Or do I need to paste this code to the video_popup_url ?
I have attached my skin, can you help me add the code to the right element and make me understand where I need to add my URL for example:
https://vz-9cecd9eb-ddc.b-cdn.net/5db28 ... ylist.m3u8
from my Bunnycdn
- Attachments
-
- feather_orb_v3.ggsk
- (114.28 KiB) Downloaded 55 times
I am using the Source Code you shared as part of my skin Code Element to have the HLS video but if I paste HLS (.m3u8 link) in the video URL section like I've done in this tour: https://vtour.cloud/p4gb21/29mdx0sk/?ts=3412989
It plays fine in Safari but just got to know that Chrome doesn't play HLS video. The bunny CDN I am using provides HLS and 720p fallback MP4. But is there a way I can tell the browser to use the MP4 fallback if hls is not supported?
It plays fine in Safari but just got to know that Chrome doesn't play HLS video. The bunny CDN I am using provides HLS and 720p fallback MP4. But is there a way I can tell the browser to use the MP4 fallback if hls is not supported?