I have a video on my app built with create-react-native-app and I’m using the Video component of expo.io . I am displaying a local video, and on my application this is working when connected to the internet, but when the app is offline the video does not play/work/load.
Here is my project structure:
import React, { Component } from 'react';
import { StyleSheet, Text, View, Image, Button } from 'react-native';
import { Video } from 'expo';
class Player extends Component {
constructor(props){
super(props);
}
render(){
return(
<Video
source={require('./videos/asthma-1.mp4')} //local video
rate={1.0}
volume={1.0}
muted={false}
useNativeControls
resizeMode="cover"
shouldPlay
isLooping
style={{ width: 900, height: 450, position:'relative',left:350,bottom:410 }} />
)
}
}
What am I doing wrong? Why is the video being delivered online but not offline?
I am using it on an android device btw
Edit: Also, I noticed that the images located in the image folder work both offline and online. Did I structure/name my videos folder incorrectly for that not to load offline?
It’s a standalone app. I just use the apk file to download directly to the device. By “work online” I mean when the apk/app is installed to the users device and they have wifi access @dikaiosune
Hm, I think actually you maybe don’t need to explicitly create an asset. @nikki might have an idea of why that path works locally but doesn’t get uploaded for publish.
“@nikki might have an idea of why that path works locally but doesn’t get uploaded for publish.”
maybe I misinterpretted what you mean in this sentence, but the problem is that the video file is working when the device is connected to wifi, but if the wifi is down the video file is not working.
@dikaiosune Further update: I have altered my repo to add some additional features (unrelated to the offline video playback) and when I run exp:build android/exp:build status I eventually run into the following:
At first glance I thought videos or images with similar names might be considered duplicates and thus not uploaded, it seems however it seems to be random - for instance loader.svg is not uploaded. Can you help me figure this out? My team absolutely needs to have these videos accessible offline.
Expo uploads every required asset to its CDN. The app downloads assets at runtime — unless you’re offline, of course. Good news is you can bundle some assets within the app. Find instructions and more info here: