gaoxiaosong / React Native Full Image Picker
Licence: mit
Support taking photo, video recording or selecting from photo library.
Stars: ✭ 68
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to React Native Full Image Picker
SJRecordVideo
record video and export. 短视频录制. 自由定制录制时间. 支持横竖屏录制&暂停&对焦&本地选取.
Stars: ✭ 32 (-52.94%)
Mutual labels: video-recording
Pluradl.py
Automated download of Pluralsight courses
Stars: ✭ 406 (+497.06%)
Mutual labels: video-recording
Ios tips
iOS的一些示例，持续更新中：1、AVFoundation 高仿微信相机拍摄和编辑 2、AVFoundation 人脸检测、实时滤镜、音视频编解码、GPUImage框架的使用等音视频相关内容 3、OpenGLES 4、LeetCode算法练习 5、iOS Crash防护和APM监控 6、WKWebView相关的内容 等........
Stars: ✭ 896 (+1217.65%)
Mutual labels: video-recording
Android Kotlin Conference Videos
🎥 Recorded session from Android and Kotlin oriented conferences
Stars: ✭ 279 (+310.29%)
Mutual labels: video-recording
Rdvideoeditsdk For Android
Android Video Editing SDK; Android Video Edit SDK: Video Cut, Video Join, Video Watermark, Video Subtitle, Video Rotate...
Stars: ✭ 343 (+404.41%)
Mutual labels: video-recording
Sysdvr
Stream switch games to your PC via USB or network
Stars: ✭ 523 (+669.12%)
Mutual labels: video-recording
laav
Asynchronous Audio / Video Library for H264 / MJPEG / OPUS / AAC / MP2 encoding, transcoding, recording and streaming from live sources
Stars: ✭ 50 (-26.47%)
Mutual labels: video-recording
Gpuvideo Android
This library apply video filter on generate an Mp4 and on ExoPlayer video and Video Recording with Camera2.
Stars: ✭ 403 (+492.65%)
Mutual labels: video-recording
Ltvideorecorder
A demo project demonstrating how to add filter, drawing, and text to a video
Stars: ✭ 16 (-76.47%)
Mutual labels: video-recording
Libva
Libva is an implementation for VA-API (Video Acceleration API)
Stars: ✭ 305 (+348.53%)
Mutual labels: video-recording
Server
CasparCG Server is a Windows and Linux software used to play out professional graphics, audio and video to multiple outputs. It has been in 24/7 broadcast production since 2006. Ready-to-use downloads are available under the Releases tab https://casparcg.com.
Stars: ✭ 572 (+741.18%)
Mutual labels: video-recording
GPS-Video-Logger
Android App to record video and track GPS data simultaneously. GPS Logger with Video. GPS and video recording.
Stars: ✭ 17 (-75%)
Mutual labels: video-recording
Aws Scalable Big Blue Button Example
Demonstration of how to deploy a scalable video conference solution based on Big Blue Button
Stars: ✭ 29 (-57.35%)
Mutual labels: video-recording
RecordVideo
视频录制 以前在github上找的项目 稍微改了下 可以直接使用 demo是以module的形式引入比较方便
Stars: ✭ 43 (-36.76%)
Mutual labels: video-recording
Platform Install Packages
Official deployment packages to install the Kaltura platform on a server or cluster environments using native OS package managers
Stars: ✭ 436 (+541.18%)
Mutual labels: video-recording
Cameramanager
Simple Swift class to provide all the configurations you need to create custom camera view in your app
Stars: ✭ 1,130 (+1561.76%)
Mutual labels: video-recording
Obs Studio
OBS Studio - Free and open source software for live streaming and screen recording
Stars: ✭ 34,115 (+50069.12%)
Mutual labels: video-recording
react-native-full-image-picker
It is a react native UI component including a camera view and an album selection view. You can take photos, take video recording or select photo from photo library.
It supports:
- Take photos by camera.
- Video recording.
- Select photos from photo library.
- Safe area for iPhone X.
- Portrait and Landscape mode.
- Multiple selection or capture mode.
- Preview after capture or video recording.
- Maximum count of photos.
ScreenShots
Same UI on Android.
Install
Install by Yarn:
yarn add react-native-full-image-picker
Install by NPM:
npm install --save react-native-full-image-picker
NOTICE: This library has no native code for iOS and Android. But you should also install native code of these libraries:
- CameraRoll: Used to get all photos in camera roll or photo library.
- react-native-camera: Used to show camera in view.
- react-native-video: Used to preview the video.
- react-native-fs: Used to copy generated photo or video to a temporary place.
Usage
First import in the file:
import * as ImagePicker from 'react-native-full-image-picker';
It has three method:
-
ImagePicker.getCamera(options): Take photo from camera. (Camera Mode) -
ImagePicker.getVideo(options): Video recording. (Video Mode) -
ImagePicker.getAlbum(options): Select photo or video from photo library. (Photo Mode)
options is a object with these settings:
-
callback: (data: any[]) => void: Callback method with photo or video array.datais an uri array of photo or video. Do not useAlertin this callback method. -
maxSize?: number: The maximum number of photo count. Valid in camera or photo library mode. -
sideType?: RNCamera.Constants.Type: Side of camera, back or front. Valid in camera or video. -
pictureOptions?: RNCamera.PictureOptions: The options of RNCamera.takePictureAsync(PictureOptions) -
recordingOptions?: RNCamera.RecordingOptions: The options of RNCamera.recordAsync(RecordingOptions) -
flashMode?: RNCamera.Constants.FlashMode: Flash mode. Valid in camera or video.
You can use react-native-general-actionsheet to show ActionSheet by same API and UI with ActionSheetIOS.
Change Default Property
You can import page and change defaultProps to modify settings globally:
import * as ImagePicker from 'react-native-full-image-picker';
ImagePicker.XXX.defaultProps.yyy = ...;
The XXX is the export items of library. Following is the detail.
PhotoModalPage
This is the outter navigator for all modes. You can change these properties of defaultProps:
| Name | Type | Description |
|---|---|---|
| okLabel | string | OK button text |
| cancelLabel | string | Cancel button text |
| deleteLabel | string | Delete button text |
| useVideoLabel | string | UseVideo button text |
| usePhotoLabel | string | UsePhoto button text |
| previewLabel | string | Preview button text |
| choosePhotoTitle | string | ChoosePhoto page title |
| maxSizeChooseAlert | (num: number) => string | Max size limit alert message when choosing photos |
| maxSizeTakeAlert | (num: number) => string | Max size limit alert message when taking photos from camera |
| supportedOrientations | string[] | Supported orientations. Default is landscape and portrait |
CameraView
This is page for taking photos from camera or recording video. You can change these properties of defaultProps:
| Name | Type | Description |
|---|---|---|
| maxSize | number | Default max number limit |
| sideType | RNCamera.Constants.Type | Camera side type. Default is back
|
| flashMode | RNCamera.Constants.FlashMode | Flash mode. Default is off
|
AlbumListView
This is page for selecting photo from photo library. You can change these properties of defaultProps:
| Name | Type | Description |
|---|---|---|
| maxSize | number | Default max number limit |
| autoConvertPath | boolean | Auto copy photo or not to convert file path to standard file path. Default is false
|
| assetType | string | Asset type. Please see CameraRoll Docs |
| groupTypes | string | Group type. Please see CameraRoll Docs |
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].