expo / videoplayer Goto Github PK
View Code? Open in Web Editor NEWCustomizable controls for Expo video
Customizable controls for Expo video
Invalid Version: undefined
warning " > @expo/[email protected]" has incorrect peer dependency "expo@^22.0.0".
How to show controls for the video even its not playing, because right now, users can't determine if its a picture or a video thanks
playFromPositionMillis={10000} Not Working
searched every where on internet but Documentation not found.
i want to start from playback time in another Screen.
...before returning to the new seek position
When install videoplayer my AsyncStorage key defaultview gets cleaned when close the app. If not using videoplayer it keeps original defaultview value. Is there any trick point with videoplayer?
Hello
I need rewind and forward function.
anyone implemented it?
every time i hit the fullscreen button, the video part will stop but the audio part is still running normally. i tried with a variety of different size of video but i found that the size is not the point. Did anyone hit this problem and knew how to get rid of it?
Hello,
i'm trying to make a video player which supports landscape fullscreen, with views (like a FAB) on top of it. I'm having some issues using this component, as it works (it seems) differently than using the Expo Video component when triggering fullscreen. The VideoPlayer example only changes orientation, and the nativecontrols of Video component triggers a "real" on top view fullscreen.
Is there a way to make something similar? Maybe i'm just missing something. Thanks!
It looks like the isLooping
performs a full reload of the video (seek 0?) and freezes for a couple of seconds. Tested on two different androids. Ok on IOS.
expo: 2.23.1
expo-video: 0.40
<Video
source={require('../../../assets/carotte4.mp4')} // eslint-disable-line
rate={1.0}
volume={0}
isMuted
isLooping
resizeMode="cover"
shouldPlay
style={styles.video}
/>
device video : https://storage.googleapis.com/greg_stuff/android_slug.mp4
video source : https://storage.googleapis.com/greg_stuff/carotte4.mp4
Test app: https://storage.googleapis.com/greg_stuff/android%252F%40gregt%252Fchefclub-d55d2e1e-3295-11e8-9770-0a580a782004-signed.apk
Other thing: is the vertical video has a resolution of 960x1440, it just does not load.
https://storage.googleapis.com/greg_stuff/carotte_960x1440.mp4
Did I miss anything? Is there a way to force caching a video in ram, or how can I pinpoint the origin of the freeze? IO activity monitoring on Android?
expo: 2.23.1
When trying to use the mighty Watermelon.json Lottie animation as a fullscreen background the scale differs between IOS and Android.
<Lottie
ref={c => this.setBgAnim(c)}
style={{
position: 'absolute',
zIndex: 1,
left: 0,
top: 0,
width: '100%',
height: '100%',
}}
source={require('../../../assets/Watermelon.json')} // eslint-disable-line
/>
I tried using scaling transforms on Android only as fix but then the animation gets pixelized.
I cant get fullscreen exit button on fullscreen
Does eslint-plugin-prettier
really need to be in the main deps? I haven't looked at the code to see if it's actually used in the app, but usually something like an eslint plugins would be a dev dependency, not a "prod" dependency.
I need resize VideoPlayer how component Video, its posible.
<View style={{alignItems: "center",padding:10, width: deviceWidth - 40, height:180, backgroundColor:'#fff'}}>
<Video
source={{ uri: url }}
shouldPlay
resizeMode="cover"
useNativeControls
style={{ width: deviceWidth - 60, height:150}}
/>
can resize VideoPlayer component ? i cant
When using a base64 source, I encounter an error when reloading the video:
"Encountered a fatal error during playback: Player error: null"
I think this issue might originate from the default expo
I am trying to use example that you added on this repo. The trouble is that when I open the screen video player works video plays but it shows this error in yellow:
Warning: Can only update a mounted or mounting component this usually means you called setState, replaceState or forceUpdate on an unmounted component. This is a no-op. Pleas check the code for video player component.
Is there any way to solve this issue?
I need support google chrome cast for videoplayer . How complicated is it?
I am using expo and cljs.
This is my code:
(def vp (js/require "@expo/videoplayer"))
(def videoplayer (.-VideoPlayer vp))
(defn video-page []
[view {:flex 1}
[videoplayer
{:videoProps {:shouldPlay true
:source {:uri "https://www.youtube.com/watch?v=Mw9U7FPaZho"}}
:isPortrait true}]])
I am getting following error in xde:
Error rendering component (in env.main.reloader > expo_demo.core.app_root > video-page)
My xde logs shows that expo/videoplayer is loaded.
Loading Closure base.
16:57:06
Shimming require
16:57:07
Shimming goog functions.
16:57:08
Requiring: react
16:57:08
Requiring: create-react-class
16:57:09
==== Shimming jsloader ====
16:57:09
Requiring: expo
16:57:10
Requiring: react-native
16:57:10
Requiring: react
16:57:10
Requiring: expo
16:57:10
Requiring: react-native
16:57:10
Requiring: react-native-communications
16:57:10
Requiring: expo
16:57:10
Requiring: @expo/videoplayer
16:57:10
Requiring: ./assets/images/cljs.png
16:57:10
Done loading Clojure app
16:57:10
Figwheel: trying to open cljs reload socket
16:57:10
Figwheel: socket connection established
16:57:12
Error rendering component (in env.main.reloader > expo_demo.core.app_root > video-page)
currently the width and height is bound to the device and it should be made possible that video-player takes custom height and width
I am able to play the video in the example files. But if the video has AES encryption, its giving me problems. Any suggestion on how to handle this?
Would you like to add support for .srt or .vtt subtitles?
Hey. using the defaultscreen example the video : 'https://bitdash-a.akamaihd.net/content/sintel/hls/playlist.m3u8' does not load.
If changed to for example 'http://techslides.com/demos/sample-videos/small.mp4' It does not work either.
Changing to landscape gets me "undefined is not an object. this.props.navigation.setParams."
Need to be able to hide the scrubber for live hls streams, otherwise a users adjustment to the scrubber dramatically crashes the whole app.
Also the runtime.. would be nice to show "live" vs nan.
A setting of isLive=true to make these adjustments would be a great improvement.
So this is both a feature request and bug report.
On production on actual devices it takes a sec for pause to actually change to the pause icon from play. It's not noticeable on an emulator for some reason but it's definitely noticeable on a real device. Any thoughts?
The example that was in example folder works on ios perfectly but doesn't work o android. It shows the spinner all the time. Also it shows yellow error connected with java lang.
Can you fix it on your example?
Hello ! I have a problem when I try to use custom icons, they appear and disappear in fade nearly every few frames.
My code :
fullscreenEnterIcon = {function(){return(<Image resizeMode="contain" source={require('wada7Resources/playerVideo/FullScreenIcon.png')} style={{height : 30,width : 30}} />)}}
Invalid Version: undefined
That's means I have to use Exop 22?
the video player don't seam to resize correctly with the parent view on landscape view for some reason.
I tried different things, even putting the videoPlayer at the root of my application but the videoplayer don't fit the height of the screen, it goes below it.
example scenario at root :
Texted on expo with a galaxy S8
<View style={{flex : 1}}>
<VideoPlayer
videoProps={{
shouldPlay: true,
resizeMode: Video.RESIZE_MODE_CONTAIN,
source: {
uri: defVid.link,
},
}}
isPortrait={true}
playFromPositionMillis={0}
key={defVid.uvid}
/>
</View>
the result is a part of the video under the bottom of the screen on landscape mode, (but perhaps landscape is not the real deal here).
Is this component still maintained? No commits and no comments on any issues from @abi since beginning of january, which tells me that it probably isn't really maintained anymore.
Either with a prop, or just the fact that switchToLandscape
and/or switchToPortrait
are not specified.
Also the isPortrait
prop seems badly named for the prop that determines whether the "enter fullscreen" or "exit fullscreen" button should show. inFullscreen
or something similar would make more sense. This would be especially true if #3 or #1 are ever done, as you could be viewing the video in landscape mode but not fullscreen.
When i use the iPad and Tablet to check out our app, i found that one of the videos don't show successfully in "landscape", the VideoPlayer height is less that the device.
"@expo/videoplayer": "^0.1.13"
"expo": "^22.0.0"
"react": "16.0.0-beta.5"
"react-native": "https://github.com/expo/react-native/archive/sdk-22.0.1.tar.gz"
I can't see where pretty-ms
is actually used in either the video player itself or in the example.
See https://github.com/expo/videoplayer/search?utf8=%E2%9C%93&q=pretty-ms&type=
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.