maxs15/react-native-screcorder

A <Recorder /> element for react-native

react-native-screcorder's Issues

Feature request -- Boomerang and Rewind

Instagram app implements these two video filters! Any chance of getting these in this plugin?

Flash Toggling Problem

This bug is still exists.

Issue: #26

Face Decorators

Hey in Snapchat, when you're in selfie mode, you can decorate your face with filter overlays that stick to your face and follow your face movement around on the screen. Is this possible with this library? Or would I have to go pure native for that, like Android or iOS?

Only honoring the initial camera view styles

We're running into an issue where we have a small version of the camera in an initial component. To let people know that we're going to be recording their response. When we transition to the next component even though we supply a different set of dimensions in the styles the camera renders with the previously specified styles.

Bee Tee Dubz - Awesome job on the library!

recorder keeps appending new instances to page when using a navigator

I'm using a Navigator, specifically Ex-Navigator, and when I push a scene that has screcorder on it, and then pop the route, and then push the screcoder scene again, it overlays another version of it. I've tested replacing the Recorder component with a View component and that doesn't happen.

It's the weirdest thing. I tested logging mounting and unmounting and it's getting unmounted. So I don't understand how it renders 2 versions of the Recorder component and its children.

Camera size?

Anyone know if theres a way to modify the camera size?

how to allow only portrait orientation?

I was hoping autoSetVideoOrientation would do it, but it doesn't seem to do anything. Does anyone know how to block landscape orientation from happening?

Implementing live rendering of filters

Seems that you didn't implement any filter with live rendering. Is that something in the pipeline?
If not happy to help

I think that would be awesome to have access to SCSwipeableFilterView

onNewSegment Callback is not called

Hi there,

I wanted to use it multiple times in the application and generate different files with each use.

sadly it seems to write everything in the same file.

two usages, but same file:

[0: "file:///Users/kb1/Library/Developer/CoreSimulator/Devices/C51B262C-5857-4C1B-9BBE-
6597324C1EF1/data/Containers/Data/Application/284945E6-84A9-49A8-892A-
D0C6678128AB/tmp/lTh5wfuL6EUs-SCVideo-Merged.mp4"
1: "file:///Users/kb1/Library/Developer/CoreSimulator/Devices/C51B262C-5857-4C1B-9BBE-
6597324C1EF1/data/Containers/Data/Application/284945E6-84A9-49A8-892A-
D0C6678128AB/tmp/lTh5wfuL6EUs-SCVideo-Merged.mp4"

Are there any workarounds for this?
Is there a possibility to export single segments?

example doesn't work with React native 0.20.0

I'm getting this issue in XCode:

/Users/jamesgillmore/React/react-native-screcorder/Example/iOS/ExampleTests/ExampleTests.m:45:21: 
Incompatible block pointer types passing 
'void (^)(RCTLogLevel, NSString *__strong, NSNumber *__strong, NSString *__strong)' 
to parameter of type 'RCTLogFunction' (aka 'void (^)(RCTLogLevel, RCTLogSource, NSString *__strong, NSNumber *__strong, NSString *__strong)')

Also, keeping the original React Native version of 0.13.2 had these issues:

• didn't record
• preview page was a blank white page
• flash didn't work

Orientation Change

I've mostly copied the example code but when I turn my phone into landscape mode, the screen looks like this:

Am I doing something wrong or is this a bug?

Generic Xcode Archive if I try to archive the App with screcorder

I followed your install guide and it is working fine on my IPhone during development.

But when I try to archive my App, it will be only a "generic xcode archvie", nothing I could install on a device. If I remove the library from xcode again, I can normally archive it.

Could you please have a look at it? I think it is only some setting in e.g. build phases or so. Thank you

Issue when trying to save video

I had saving and view videos working but then started to get the following error. Does anyone have any idea what this may be? Thanks in advance!

Exception thrown while invoking save on target RNRecorderManager with params (
19
): *** -[AVAssetWriter initWithURL:fileType:error:] invalid parameter not satisfying: fileTypeString != ((void *)0)

Issue with libRNRecorder.a

libRNRecorder.a

that file is no longer working with react-native 0.48 version. After adding this file in Binary library, xcode(8.3) always fails to create build... all other stuffs seem fine...

Camera switch gets dark

I tried demo. it works fine...
but when I switch camera to front camera. It gets dark sometimes... anybody having same problems?

How to save video to camera roll

I was able to use the react native camera roll api to save a picture, but wasn't able to replicate the same for a video.

Any tips?

merge is undefined

"react-native": "^0.10.1",

var {merge} = React;
console.log(merge); // returns undefined

I had to do:

var merge = require('merge');

Ability to get the duration of the segments

Hi
I am trying to find a way to get the total duration of the recording and the duration of each segment.
Is there anyway to do that with the current implementation?

segments generate playable videos, but save (merged segments) does not

For some reason, the file URIs generated by onNewSegment work correctly, but the URI generated by save() is not playing successfully (in react-native-video).

Any ideas for solutions would be much appreciated.

Cannot delete videos from device

I'm trying to remove videos after they have been uploaded using react-native-fs. Even though react-native-fs is unlinking the file and it cannot be accessed anymore, the memory footprint for the app does not change. Is there a way to remove the recorded video files?

I raised this issue with react-native-fs repo but it might have something to do with where the videos are stored.

itinance/react-native-fs#41 (comment)

Question: is this filter setting for real?

Hey,

thanks again for the great work. While looking through your code I see this filter definition you did not mention or use in your example.

react-native-screcorder/recorder.ios.js

Line 105 in 7df0492

filters: [

Is this for real? Can I use it? Where is a good reference to learn about this CIImage Filters? Or get an overview what is possible?

Cheers,
Klaus

Warning in example project

The example project is missing the title and display's a RN warning message at the bottom of the screen. If you add a title to the navigatorIOS (see below) it fixes this issue. @maxs15: let me know if you would like a pull request for this.

<NavigatorIOS initialRoute={{component: Record, title: 'Camera'}} style={{flex: 1}} navigationBarHidden={true}/>

does anyone know how to add a watermark?

It seems based on the SCRecorder docs you can use a special image filter to overlay images into the resulting video.

I'm wondering if using our filter config params we can do the same and what they might look like?

onNewSegment() callback not happening

Using React Native v0.27 and the latest version of react-native-screcorder
I'm able to take a still picture with capture.
However, when taking video, I do record, pause and then I don't get a callback onNewSegment.
I tried doing a save after the pause and I get a temp mp4 file but it's of 0 duration and not playable by react-native-video.

Has anyone seen this issue?

How to switch from video to picture capture

First of all, this is awesome. Thanks so much for porting this library to RN. I wanted to inquire as to how to switch from video to picture capture as the readme says "A react native component to capture pictures and record Video". I didn't see the setting in the example, is there a way to do this?

Getting an error when call removeAllSegments

Tried to add this call and I got an undefined method error.

Start with flash activated

Hey there,

awesome library! Just diving into it.
But how to control the flash? When I start with "back" every time the flash is on.
When i start with "front" the flash comes very short and then the camera is switching to front.
When I then go back to "back" the flash is off.

So - how to control the flash? :)

Cheers,
Klaus

Failed to initialize video in record session

Hey,

When I try to preview the video it's just a black screen. I'm seeing this error in my xcode console.

Failed to initialize video in record session: *** -[AVAssetWriterInput initWithMediaType:outputSettings:sourceFormatHint:] AVVideoCompressionPropertiesKey dictionary must specify a positive value for AVVideoAverageBitRateKey

Working Example

Thanks for sharing this repo!
The demo in README is not working (as it requires some other file like Style.js and Button)
Could you either add those or post a working example?

Edit existing videos without recording one from the camera

Is it possible to apply the filters to an existing video from the device photo gallery or file system?

React Web

Is there a version of this for react web?

flash toggling not working

I'm using React Native 0.20.0 and the flash only works when the initial config is set to back with the light on. Any other way, the light will not come on. For example, if I start out with the front camera, and then switch to the back and then turn on the light, or even if I start out with the light working and then switch to the front and try to turn it on. And in fact, you can't even turn the light off once it's on by pressing the Flash button. The only way you can turn it off is by going to the front.

has anyone found/made an android option for video recording?

Error with record method

I've linked the library and I have the preview up and working, but when I go to record I get this error...

I've moved a little further down the road... now when I go to save here's the output I'm seeing in XCode:

2015-07-24 11:38:39.163 Video[239:6279] BSXPCMessage received error for message: Connection interrupted

Contributors

Hey guys,
The plugin is working well but I currently don't have much free time to improve it and take it to the next level ...
That is why if someone is interested in the plugin and wants to contribute I would gladly accept any Pull request or add you as a collaborator of the project.

Thanks !

After running app on iOS 9.2 only black screen

After running app on iOS 9.2 iPOD only black screen with Record,Rest,Preview,Flash,Switch button.
Clicking on Record progress start but does not show any camera. Clickiong on Preview Crashed!!!