phuochau / react-native-beautiful-video-recorder Goto Github PK

camera does not open on iOS devices but in android it is ok....

please help me for this issue....

I am trying to record video with audio. but audio not recording ?

As Modal code inside index.js of this library having no SafeAreaView or specific marginTop and marginBottom so having issue in iOS devices having notch or pill button,
Which causes the application has to force stop using swipe up because close button is not pressable and timer is hidden under notch.
Please check below screenshot.

The development server returned response error code: 500

URL: http://10.0.2.2:8081/index.android.bundle?platform=android&dev=true&hot=false&minify=false

Body:
{"message":"TransformError: /media/znt/Office/Ekta_Tekpreneur/React_native/VideoRecoder/node_modules/moment/moment.js: require() must have a single string literal argument","type":"TransformError","lineNumber":0,"description":"","errors":[{"description":"","lineNumber":0}]}
processBundleResult
BundleDownloader.java:170
access$100
BundleDownloader.java:39
onResponse
BundleDownloader.java:139
execute
RealCall.java:135
run
NamedRunnable.java:32
runWorker
ThreadPoolExecutor.java:1162
run
ThreadPoolExecutor.java:636
run
Thread.java:764

hi

how can I stream this 'data' to socket io server?

when i try to use video recorder i am getting following error . could not able to figure out. what is the issues on the node module. i try npm install many times. i get this error always .

when I tried to record video multiple time , it is showing this error

Error: bundling failed: Error: Unable to resolve module

Module moment does not exist in the Haste module map

Greetings good afternoon, I would like to know how I can get the video recorded correctly since it only gives me a path with a uri, and I would like to have access to the video that it records as a file not as a uri

After running the the following

npm i --save react-native-beautiful-video-recorder

The plugin was not installed properly there were some warnings due which elements are missing. After there was another command for linking the module I guess "react-native link" it worked fine. But after that when I tried to run my code after adding this line as asked

import VideoRecorder from 'react-native-beautiful-video-recorder';

It throughs an error I am attaching of my simulator for the same. If needed I can also put the errors that I got while installing the plugin.

Thanks in Advance.

Any idea? I do see it there...

And thanks for this library!

Hey there,

Thank you for this awesome library. Unfortunately, it doesn't work with the newest React Native, at least the version published on npm. Could you update it to reflect the recent changes that allow compatibility with prop-types (they were removed from React)

congratulations on the component.

Do you plan to include the functionality to switch cameras while recording?

Hi,

Video recorder working fine also I am getting that video and played in my app. But I can't able to see that video in my gallery. Kindly give me any suggestions.

Video recording is successful, but want to preview, how should do?
thanks

An error occured "undefined is not an object(evaluating '_react2.PropTypes.bool)"

"react-native-beautiful-video-recorder": "^1.2.0",

Environment:
OS: macOS High Sierra 10.13.6
Node: 8.11.3
Yarn: 1.9.4
npm: 6.3.0
Watchman: 4.9.0
Xcode: Xcode 10.1 Build version 10B61
Android Studio: 3.1 AI-173.4720617

Packages: (wanted => installed)
react: 16.3.1 => 16.3.1
react-native: 0.55.4 => 0.55.4

Hi Hau,

Thanks for making this video recorder, I have issue installing it, could you please help?

[Repro steps]
react-native init videoCapture
cd videoCapture
npm i --save react-native-beautiful-video-recorder

[Expect]
Install ok

[Actual]
[email protected] C:\Users\turbo_000\Desktop\video\videoCapture
+-- UNMET PEER DEPENDENCY [email protected]
+-- [email protected]
+-- UNMET PEER DEPENDENCY react-native-camera@git+https://github.com/lwansbrough/react-native-camera.git
+-- UNMET PEER DEPENDENCY react-native-compress@^1.0.2
+-- UNMET PEER DEPENDENCY react-native-spinkit@^1.0.2
`-- UNMET PEER DEPENDENCY react-native-vector-icons@^4.0.0

npm WARN [email protected] requires a peer of react-native@^0.43.3 but none was installed.
npm WARN [email protected] requires a peer of react-native-camera@git+https://github.com/lwansbrough/react-native-camera.git but none was installed.
npm WARN [email protected] requires a peer of react-native-vector-icons@^4.0.0 but none was installed.
npm WARN [email protected] requires a peer of react-native-spinkit@^1.0.2 but none was installed.
npm WARN [email protected] requires a peer of react-native-compress@^1.0.2 but none was installed.

what's the callback function on stop the video ?

ERESOLVE unable to resolve dependency tree
! peer react@"16.9.0" from [email protected]
npm ERR! node_modules/react-native-beautiful-video-recorder
npm ERR! react-native-beautiful-video-recorder@"*" from the root project
Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
how to Resolved it?

Occasionally, the app will restart upon stopping a video recording.

Apologies for the super short bug report, I'll follow up with a full debug log ASAP.

internal/modules/cjs/loader.js:605
throw err;
^

Error: Cannot find module 'asap/raw'
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:603:15)
at Function.Module._load (internal/modules/cjs/loader.js:529:25)
at Module.require (internal/modules/cjs/loader.js:658:17)
at require (internal/modules/cjs/helpers.js:22:18)
at Object. (/Users/wangfeng/Dev/code/ws_rn/testDemo/node_modules/promise/lib/core.js:3:12)
at Module._compile (internal/modules/cjs/loader.js:722:30)
at Module._compile (/Users/wangfeng/Dev/code/ws_rn/testDemo/node_modules/pirates/lib/index.js:83:24)
at Module._extensions..js (internal/modules/cjs/loader.js:733:10)
at Object.newLoader [as .js] (/Users/wangfeng/Dev/code/ws_rn/testDemo/node_modules/pirates/lib/index.js:88:7)
at Module.load (internal/modules/cjs/loader.js:620:32)

Hi!
I would like to use this beautiful-video-recorder in my project.
But I get the error CameraManager.checkIfRecordAudioPermissionsAreDefined
I tried reinstalling react-native-camera but it didn't help.
Ask for help in solving the problem.

Thank you for answer.

Full log:

[Unhandled promise rejection: TypeError: CameraManager.checkIfRecordAudioPermissionsAreDefined is not a function. (In 'CameraManager.checkIfRecordAudioPermissionsAreDefined()', 'CameraManager.checkIfRecordAudioPermissionsAreDefined' is undefined)]
- node_modules\react-native-camera\src\RNCamera.js:27:27 in requestPermissions
- node_modules\regenerator-runtime\runtime.js:63:36 in tryCatch
- node_modules\regenerator-runtime\runtime.js:293:29 in invoke
- node_modules\regenerator-runtime\runtime.js:63:36 in tryCatch
- node_modules\regenerator-runtime\runtime.js:154:27 in invoke
- node_modules\regenerator-runtime\runtime.js:164:18 in PromiseImpl.resolve.then$argument_0
- node_modules\react-native\node_modules\promise\setimmediate\core.js:37:13 in tryCallOne
- node_modules\react-native\node_modules\promise\setimmediate\core.js:123:24 in setImmediate$argument_0
- node_modules\react-native\Libraries\Core\Timers\JSTimers.js:130:14 in _callTimer
- node_modules\react-native\Libraries\Core\Timers\JSTimers.js:181:14 in _callImmediatesPass
- node_modules\react-native\Libraries\Core\Timers\JSTimers.js:441:30 in callImmediates
- node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:387:6 in __callImmediates
- node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:135:6 in __guard$argument_0
- node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:364:10 in __guard
- node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:134:4 in flushedQueue
* [native code]:null in flushedQueue
* [native code]:null in invokeCallbackAndReturnFlushedQueue

Hi,

We are using react-native-image-picker, but the camera does not support audio input from Bluetooth headset, can your lib support it?

Thanks
Gary

Hi,

This is JSX my code

  render() {
    return (
      <View>

            <TouchableOpacity onPress={this.startVideo}>
            	<Text>Start</Text>
            </TouchableOpacity>
            <VideoRecorder ref={(ref) => { this.videoRecorder = ref; }} />
          </View>
    );
  }

In my JSX is being hidden in the video recorder. I have attached the screenshot below. its happen only the simmular but in real device working fine. Also I can't able to record using front camera how can I change back to front camera. Kindly give me the needful suggestion.

Thanks...

I am using the camera like so:

<View>
<VideoRecorder/>
</View>

But the video recorder isn't showing. How to fix this error?

I tried to remove this package by doing the following

react-native unlink react-native-beautiful-video-recorder
npm uninstall --save react-native-beautiful-video-recorder

When I attempt to do a release build of my RN project now I'm getting

ld: library not found for -lRNMov2mp4
clang: error: linker command failed with exit code 1 (use -v to see invocation)

Seems it's not cleaning up everything.
I've tried doing a Project Clean in xcode.