Video url hls video

Q&A about the latest versions
Post Reply
Dreamfoot
Posts: 25
Joined: Mon Oct 17, 2022 11:01 am

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?
User avatar
thomas
Chief Gnome
Posts: 2611
Joined: Fri Sep 01, 2006 3:56 pm
Location: Vienna, Austria
Contact:

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.
Attachments
hls_demo.ggsk
(1.46 KiB) Downloaded 65 times
MfG, Thomas
Dreamfoot
Posts: 25
Joined: Mon Oct 17, 2022 11:01 am

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
Attachments
feather_orb_v3.ggsk
(114.28 KiB) Downloaded 45 times
Dreamfoot
Posts: 25
Joined: Mon Oct 17, 2022 11:01 am

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?
Post Reply