In my Reactjs project I am using videojs and have implemented a feature that plays the next video in the list if the current video is ended.
But before moving into next video, I want to show a loading screen where user can choose to cancel the loading of next video or he does nothing so next video plays automatically. This behavior is similar to Udemy.
You can find the sample gif here
That would be great if there is some videojs plugin available for this. I have checked some plugins but none of them provide this feature. If no plugin/sample is available then how can I implement this on my own?
Related
The issue I am facing is that I want to interact(animated) with 2 images and some text objects... I want to fade the images from one to the other and I also want to animate text at the same time.
I can do this in the DOM but I can't find ANYWHERE how to export this collection of animations to a video format and save it to the user's device.
I would love to integrate Lottie since it is so robust, but there is no way to export anything to video. All I've found is screen recorders but what if a notification pops up, it'll ruin the experience. Also, framerate is an issue with the screen recording.
I know you can do this on a server or with native ios functions, but it'd like to do this strictly with react native. But I'm open to hearing other suggestions I may have not thought of.
I have built the react carousel component using react-slick. It includes youtube video player section. For this video player, I used tag.
Everything works well but swiping event doesn't work on video part. When I swipe on this, it doesn't slide next but just plays the video.
I am currently experimenting on a hybrid app using ReactJS for my front-end loaded inside an Android WebView. On one of the pages, I have a list that loads an external/hosted image. Tapping on these images routes to another page that shows its description (using react-router. history=hashHistory).
Testing on the browser(chrome), the images appear once loaded. On the other hand, testing on the actual device, the images does not appear. Only when I tap the list item and press back (hashHistory.goBack) that it appears.
I know this is not the best use for ReactJS, but this is better than what we are currently using. Also, our current setup prevents us from pursuing the React Native way. Any ideas?
EDIT:
here's a screen cap:
You need to change your websettings in your code.
WebSettings settings = webView.getSettings();
settings.setDomStorageEnabled(true);
i just implemented the PLAY_VIDEO menu item linked to a youtube video and it works.
The only enhancement i want to make to the flow is to remove one tap in order to stream the video.
Now the flow is the following:
1) User taps to prompt the menu for the card. The PLAY menu item appears.
2) The user taps on PLAY, the video start to load
3) The user needs to tap again to start the video.
Is there a way to stream the video right after the tap from point 2?
Kind regards
There is currently no way to setup a menu hierarchy, which I think is what you're getting at.
Plus, having that extra tap would be an inconsistent experience with the way playback behaves on Glass in the native app and other apps being created.
Why do you want to do the extra tap?
I am working on wondows mango app and I have two XAML pages(say page1 and page2). On page1 I have a playlist and on page2 I have a media element that plays the song selected on page1, now what I want is to keep song playing in background as user switches between pages. I got a few links that keep song playing when app gets in background but not when a page is closed(by clicking back button).
How can I achieve this, all suggestions, pointers are welcome.
Thanks,
Ravi Gupta - :( newbie at windows phone
You'll want to use the BackgroundAudioPlayer for this. MSDN has a complete sample for playing audio in the background. You can download their sample from here. You can add a project to you application to handle processing background audio (if you need the audio to play after the app closes) or you can handle it all within the application itself my subscribing to the PlayStateChanged event. From the event you can set the next track.
You can also use XNA's MediaPlayer() See: https://stackoverflow.com/a/11385865/1510036