Is it possible to build a Videoplayer?

PAsing the URL works flawlessly right now. The only thing is, as you said, the player controls. Is it currently testable in the WebView component?

1 Like

Tried it in the URL parameter of the WebView component. seems to work well as we can just pass the required video via a formula. Although this only seems to be the case if I encode the data variable as a string: otherwise it crashes the app. Doesn’t make sense to me as to why, but that’s on Appgyver.

Thanks for your efforts and keep us up to date on this, it would be great!

here use this one I just deployed it to firebase for testing. we still have to add the codes needed to pass the options for custom controls.

[https://zeitgeist-network.web.app/?url=https://res.cloudinary.com/wikacy-com/video/upload/v1642352266/trailers/zeitgeist-trailer_njhtpf.mp4]

Its plays youtube a well [https://zeitgeist-network.web.app/?url=https://youtu.be/gorSUDnX1qk]

1 Like

that was probably because it is loading the dev server in the webview. I just deployed a test version to firebase I posted the link below.

1 Like

if we use light mode we can also pass a poster image. i will also try to install the react lazy loading package to try to speed up the actual loading of the page. we need to get that period of blank webview down to a minimum. you all are welcome to play with it on stackblitz

we could also implement dynamic resizing of the video element and the wrapper container, ratio , based on the info returned from the react media elements getWidth(), etc, callbacks. Even as of now, it looks way better because I have the playback speed, chrome cast, and other options disabled. Another thing we should implement is all the various attributes for all the different players from youtube, facebook, etc, and allow the passing of facebook app id, etc. Heck, we could even implement video monetization and control an ad server all within the params of the url. For example, say the owner of the appgyver app sets up an account and passes a parameter like “playad_first” or “playad_last” along with his/her api key. Our code could use those params to play and log the play to the account. We could even provide a dashboard for analytics. Just ideas.

we could even make a version with controls for swipe to next video and allow passing multiple urls

I myself couldn’t do much with it, but I’ll get my partner to look, much appreciated. And you were correct about the crashing!

1 Like

Those are pretty ambitious ideas.! I’m sure plenty of people here would be more than grateful for whatever you land on. Personally, I’m building the media backend on Azure, so analytics would be covered.

Hey just to update everyone I am in the process of building another video player with a custom adaptive bitrate streaming profile specifically for appgyver webviews. Cloudinary is helping me because they believe by using a handshake we can get the videos to play almost like a native player. I will paste link when ready to test.

2 Likes

Looking forward to your project. Do post an update when its ready.

I’ve used your link for some testing and it works great in app builds. Can’t find anyway for Webview to display it in a web build though. Have tried with iframes, embed tags but no luck. Any ideas?

1 Like

you have to manually use javascript to replace a certain element with an iframe or video element to get it in web builds. i dont mean javascript flow function, i mean javascript ran either server side with web components sdk, or client side by inserting script into next head count (altering the code in build)

Ok thanks - I thought this was the case. Appreciate the reply!

i cam up with something i think will work. trying now will posts when done.

I don’t know why they have tried to keep people from having videos in an appgyver app, especially when there is so much focus on videos these day. The video feature should have been high priority.

1 Like

In the last update published on the forum. @Mevi mentioned that video features/fixes are coming in the next release or the one after.

1 Like

So we got a new release but no mention of video features in the changelog. Crossing fingers that it shows up in the next release. I’m really looking forward to it.

Hi,

The new mobile Preview is out! The video player now has a back button.
Changelog

Thank you @Kirill_Leventcov! I’m so frickin excited for this. Thank you to all the developers who’ve been working on this. Can’t wait to try it out. :smiley:

Edit: Same result as earlier. Still couldn’t get it to work. Will wait for further updates, but I’m glad video is being seriously looked into.