1import React from 'react';
2import { PixelRatio, ScrollView, StyleSheet } from 'react-native';
3
4import VideoPlayer from './VideoPlayer';
5import HeadingText from '../../components/HeadingText';
6
7export default function VideoScreen() {
8  return (
9    <ScrollView contentContainerStyle={styles.contentContainer}>
10      <HeadingText>HTTP player</HeadingText>
11      <VideoPlayer
12        sources={[
13          { uri: 'http://d23dyxeqlo5psv.cloudfront.net/big_buck_bunny.mp4' },
14          { uri: 'http://techslides.com/demos/sample-videos/small.mp4' },
15          { uri: 'http://qthttp.apple.com.edgesuite.net/1010qwoeiuryfg/sl.m3u8' },
16        ]}
17      />
18      <HeadingText>Local asset player</HeadingText>
19      <VideoPlayer
20        sources={[
21          require('../../../assets/videos/ace.mp4'),
22          require('../../../assets/videos/star.mp4'),
23        ]}
24      />
25    </ScrollView>
26  );
27}
28VideoScreen.navigationOptions = {
29  title: 'Video (expo-av)',
30};
31
32const styles = StyleSheet.create({
33  contentContainer: {
34    padding: 10,
35  },
36  player: {
37    borderBottomWidth: 1.0 / PixelRatio.get(),
38    borderBottomColor: '#cccccc',
39  },
40});
41