Video Trimming In Expo - react-native

Am developing an app which a user can upload a video status just like whatsapp but I need a video trimming library which I can use to implement this feature where a user can trim some portion of the video they selected with a time frame. I searched and found some libraries like react-native-video-processing and others but none seems to work with expo. so I will appreciate if someone can give me a working one or a guide on how I can use ffmpeg or other libraries to archive this.

Related

Is there any library to transform recorded video to certain aspect ratio(croping) in react native?

I am using RNCamera to record video along with react-native-video-helper library for trimming/compressing video. I want to record or transform recorded video like instagram to wide angle(not potrait mode). It's been almost a week I am looking for a solution but I could'nt find anything useful till yet. I have tried react-native-video-processing library as well.
I have figured it out myself, posting answer to any one else struggling with the same scenario:
Go for ffmpeg, you can do almost every thing with this awesome tool, croping, merging, adding emoji's, text to video, triming, removing audio from video and so on.
You can find test application for a quick startup along with the package as well

How to make simple Audio Player in React Native

I am working on React-Native application. I have to play Audio using URL(podcast) source.
The UI should be like following.
I have tried react-native-video library, But, The UI is different.
https://www.npmjs.com/package/react-native-video
Is there any other library available to achieve this?
I have to show Progressbar(Slider), Play/Pause/Stop, Title. And I have to play audio in background state too.
Any suggestions?
You can use this library,
it has everything like Play audio files, stream audio from URL
https://www.npmjs.com/package/react-native-sound-player
react-native-track-player provides almost all features a audio player, you can also use it to play audio in background, used it for this app

How to add filters to a video in react-native? both on Android and iOS

I have added filters to recorded videos using react-native-camera while recording.
But now I have to add filters after recording.
If anyone has the solution pls let me know.
There is a separate solution for Android, but can't find a solution that works cross-platform using react-native. Maybe we need to use third party APIs or something like that.

Playing youtube/vevo videos on iOS

I've seen the Google blog article explaining the way to embed youtube videos in an iOS app. I've successfully embed videos in my iOS app. BUT, I've seen the WhoSampled app where they are able to play Vevo/youtube videos. Somehow they are able to play those videos and my app is not able to play them. (In my app, there is a blue play circle with a line through it showing that is not playable.)
How do I allow those videos to be playable?
Do I have to setup the youtube link in a specific way or is there a way I need to setup the developer key?
There is a way to get the actual video stream for a given YouTube video instead of the HTML-embedded one. See this project:
https://github.com/hellozimi/HCYoutubeParser
The problem with this approach is that it will likely violate the EULA of YouTube APIs, especially if you are releasing it in a paid application:
In addition, please remember that attempting to play a YouTube video outside of either the YouTube embedded, custom or chromeless player is strictly prohibited by the API Terms of Service.
(source: https://developers.google.com/youtube/creating_monetizable_applications)
You just have to use the iframe embed as opposed to the Flash one.

How do access native APIs with Sencha Touch?

If I wanted to create a mobile app that allows the user to take pictures with their phone, record audio notes and record video, how would I do that?
I was browsing through the Sencha Touch 2 API and while I see documentation on video and audio files, it seems like it is just providing a way for me to access files stored on the phone - not actual triggers to record, or take pictures.
Am I missing something?
How would I do what I want?
In order for Sencha Touch to have access to your phone capabilities, you need to use a product like Phone Gap
Unless there is a HTML5 api for doing those sorts of things I don't think you can do that. I know on PhoneGap there are native extensions added into that platform for access to things like microphone, camera, etc. I don't know if Sencha Touch has added any of those sorts of extensions in order for you do this.
Just thinking out of the box here, but you might be able to put Sencha javascript into a Web View from within an Android Java process. Then the Java code could expose an object in its process as an extension point to the Javascript engine for access to Camera, Microphone, what not.