Mixing
react-native-image-picker duration of video
I'm using react-native-image-picker library for video recording and react-native-video to play video in which duration of video in onLoad callback function is given but how can I use it in my code can anyone please guide me? I have written durationLimit in function but it is not working. How can I record video of duration 30 seconds? I tried this
too but failed.
My Code
import ImagePicker from 'react-native-image-picker';
import Video from 'react-native-video';
constructor(props){
super(props);
this.state = {
video: '',
isVideo: true
};
};
_handleVideoUpload = () => {
const options = {
mediaType: 'video',
videoQuality: 'medium',
durationLimit: 30000,
thumbnail: true,
allowsEditing: true,
};
ImagePicker.launchCamera(options, (response) => {
if (response.didCancel) {
// console.warn('User cancelled video picker');
return true;
} else if (response.error) {
// console.warn('ImagePicker Error: ', response.error);
} else if (response.customButton) {
console.warn('User tapped custom button: ', response.customButton);
} else {
this.setState({video: response.uri});
}
});
}
render() {
return(
<View>
{
this.state.video != '' ?
<View>
<Video
ref={ref => this._video = ref}
source={{ uri: this.state.video }}
resizeMode={'cover'}
repeat={true}
paused = {true}
onLoad={() => { this._video.seek(2);}}
/>
</View>
:
<TouchableOpacity
onPress={() => this._handleVideoUpload()}
>
<Text>Upload Video</Text>
</TouchableOpacity>
}
</View>
);}
Thank you in advance.
reactjs react-native react-native-video react-native-image-picker
asked Jan 2 at 7:12
RiddhiRiddhi
455314
add a comment |
I'm using react-native-image-picker library for video recording and react-native-video to play video in which duration of video in onLoad callback function is given but how can I use it in my code can anyone please guide me? I have written durationLimit in function but it is not working. How can I record video of duration 30 seconds? I tried this
too but failed.
My Code
import ImagePicker from 'react-native-image-picker';
import Video from 'react-native-video';
constructor(props){
super(props);
this.state = {
video: '',
isVideo: true
};
};
_handleVideoUpload = () => {
const options = {
mediaType: 'video',
videoQuality: 'medium',
durationLimit: 30000,
thumbnail: true,
allowsEditing: true,
};
ImagePicker.launchCamera(options, (response) => {
if (response.didCancel) {
// console.warn('User cancelled video picker');
return true;
} else if (response.error) {
// console.warn('ImagePicker Error: ', response.error);
} else if (response.customButton) {
console.warn('User tapped custom button: ', response.customButton);
} else {
this.setState({video: response.uri});
}
});
}
render() {
return(
<View>
{
this.state.video != '' ?
<View>
<Video
ref={ref => this._video = ref}
source={{ uri: this.state.video }}
resizeMode={'cover'}
repeat={true}
paused = {true}
onLoad={() => { this._video.seek(2);}}
/>
</View>
:
<TouchableOpacity
onPress={() => this._handleVideoUpload()}
>
<Text>Upload Video</Text>
</TouchableOpacity>
}
</View>
);}
Thank you in advance.
reactjs react-native react-native-video react-native-image-picker
asked Jan 2 at 7:12
RiddhiRiddhi
455314
add a comment |
I'm using react-native-image-picker library for video recording and react-native-video to play video in which duration of video in onLoad callback function is given but how can I use it in my code can anyone please guide me? I have written durationLimit in function but it is not working. How can I record video of duration 30 seconds? I tried this
too but failed.
My Code
import ImagePicker from 'react-native-image-picker';
import Video from 'react-native-video';
constructor(props){
super(props);
this.state = {
video: '',
isVideo: true
};
};
_handleVideoUpload = () => {
const options = {
mediaType: 'video',
videoQuality: 'medium',
durationLimit: 30000,
thumbnail: true,
allowsEditing: true,
};
ImagePicker.launchCamera(options, (response) => {
if (response.didCancel) {
// console.warn('User cancelled video picker');
return true;
} else if (response.error) {
// console.warn('ImagePicker Error: ', response.error);
} else if (response.customButton) {
console.warn('User tapped custom button: ', response.customButton);
} else {
this.setState({video: response.uri});
}
});
}
render() {
return(
<View>
{
this.state.video != '' ?
<View>
<Video
ref={ref => this._video = ref}
source={{ uri: this.state.video }}
resizeMode={'cover'}
repeat={true}
paused = {true}
onLoad={() => { this._video.seek(2);}}
/>
</View>
:
<TouchableOpacity
onPress={() => this._handleVideoUpload()}
>
<Text>Upload Video</Text>
</TouchableOpacity>
}
</View>
);}
Thank you in advance.
reactjs react-native react-native-video react-native-image-picker
asked Jan 2 at 7:12
RiddhiRiddhi
455314
I'm using react-native-image-picker library for video recording and react-native-video to play video in which duration of video in onLoad callback function is given but how can I use it in my code can anyone please guide me? I have written durationLimit in function but it is not working. How can I record video of duration 30 seconds? I tried this
too but failed.
My Code
import ImagePicker from 'react-native-image-picker';
import Video from 'react-native-video';
constructor(props){
super(props);
this.state = {
video: '',
isVideo: true
};
};
_handleVideoUpload = () => {
const options = {
mediaType: 'video',
videoQuality: 'medium',
durationLimit: 30000,
thumbnail: true,
allowsEditing: true,
};
ImagePicker.launchCamera(options, (response) => {
if (response.didCancel) {
// console.warn('User cancelled video picker');
return true;
} else if (response.error) {
// console.warn('ImagePicker Error: ', response.error);
} else if (response.customButton) {
console.warn('User tapped custom button: ', response.customButton);
} else {
this.setState({video: response.uri});
}
});
}
render() {
return(
<View>
{
this.state.video != '' ?
<View>
<Video
ref={ref => this._video = ref}
source={{ uri: this.state.video }}
resizeMode={'cover'}
repeat={true}
paused = {true}
onLoad={() => { this._video.seek(2);}}
/>
</View>
:
<TouchableOpacity
onPress={() => this._handleVideoUpload()}
>
<Text>Upload Video</Text>
</TouchableOpacity>
}
</View>
);}
Thank you in advance.
reactjs react-native react-native-video react-native-image-picker
reactjs react-native react-native-video react-native-image-picker
asked Jan 2 at 7:12
RiddhiRiddhi
455314
asked Jan 2 at 7:12
RiddhiRiddhi
455314
edited Jan 2 at 7:27
Riddhi
asked Jan 2 at 7:12
RiddhiRiddhi
455314
asked Jan 2 at 7:12
RiddhiRiddhi
455314
asked Jan 2 at 7:12
RiddhiRiddhi
455314
455314
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
If you want to record a video of 30 seconds you need tu put 30 in durationLimit, not 30000
`const options = {
mediaType: 'video',
videoQuality: 'medium',
durationLimit: 30,
thumbnail: true,
allowsEditing: true,
};`
If you want to know the duration time if video on <Video /> you can do that:
`_onLoad(data){
let durationVideo = data.duration
}
...
<Video
ref={ref => this._video = ref}
source={{ uri: this.state.video }}
resizeMode={'cover'}
repeat={true}
paused = {true}
onLoad={() => this._onLoad()}
/>`
I hope this can help you.
answered Jan 2 at 20:45
josecastillo86josecastillo86
664
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54002563%2freact-native-image-picker-duration-of-video%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
If you want to record a video of 30 seconds you need tu put 30 in durationLimit, not 30000
`const options = {
mediaType: 'video',
videoQuality: 'medium',
durationLimit: 30,
thumbnail: true,
allowsEditing: true,
};`
If you want to know the duration time if video on <Video /> you can do that:
`_onLoad(data){
let durationVideo = data.duration
}
...
<Video
ref={ref => this._video = ref}
source={{ uri: this.state.video }}
resizeMode={'cover'}
repeat={true}
paused = {true}
onLoad={() => this._onLoad()}
/>`
I hope this can help you.
answered Jan 2 at 20:45
josecastillo86josecastillo86
664
add a comment |
If you want to record a video of 30 seconds you need tu put 30 in durationLimit, not 30000
`const options = {
mediaType: 'video',
videoQuality: 'medium',
durationLimit: 30,
thumbnail: true,
allowsEditing: true,
};`
If you want to know the duration time if video on <Video /> you can do that:
`_onLoad(data){
let durationVideo = data.duration
}
...
<Video
ref={ref => this._video = ref}
source={{ uri: this.state.video }}
resizeMode={'cover'}
repeat={true}
paused = {true}
onLoad={() => this._onLoad()}
/>`
I hope this can help you.
answered Jan 2 at 20:45
josecastillo86josecastillo86
664
add a comment |
If you want to record a video of 30 seconds you need tu put 30 in durationLimit, not 30000
`const options = {
mediaType: 'video',
videoQuality: 'medium',
durationLimit: 30,
thumbnail: true,
allowsEditing: true,
};`
If you want to know the duration time if video on <Video /> you can do that:
`_onLoad(data){
let durationVideo = data.duration
}
...
<Video
ref={ref => this._video = ref}
source={{ uri: this.state.video }}
resizeMode={'cover'}
repeat={true}
paused = {true}
onLoad={() => this._onLoad()}
/>`
I hope this can help you.
answered Jan 2 at 20:45
josecastillo86josecastillo86
664
If you want to record a video of 30 seconds you need tu put 30 in durationLimit, not 30000
`const options = {
mediaType: 'video',
videoQuality: 'medium',
durationLimit: 30,
thumbnail: true,
allowsEditing: true,
};`
If you want to know the duration time if video on <Video /> you can do that:
`_onLoad(data){
let durationVideo = data.duration
}
...
<Video
ref={ref => this._video = ref}
source={{ uri: this.state.video }}
resizeMode={'cover'}
repeat={true}
paused = {true}
onLoad={() => this._onLoad()}
/>`
I hope this can help you.
answered Jan 2 at 20:45
josecastillo86josecastillo86
664
answered Jan 2 at 20:45
josecastillo86josecastillo86
664
answered Jan 2 at 20:45
josecastillo86josecastillo86
664
answered Jan 2 at 20:45
josecastillo86josecastillo86
664
664
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54002563%2freact-native-image-picker-duration-of-video%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
