+ HTML fetching

we-social · Apr 28, 2016 · 7359bab · 7359bab
1 parent 460edc5
commit 7359bab
Show file tree

Hide file tree

Showing 2 changed files with 35 additions and 25 deletions.
diff --git a/Apps/SoundApp.js b/Apps/SoundApp.js
@@ -21,32 +21,41 @@ export default class MainView extends Component {
   }
 
   playSound() {
-    // todo: download
-    console.log('playSOund')
-    const url = 'http://downdb.51voa.com/201604/fusion-reactor-still-in-works.mp3'
-    const file = RNFS.DocumentDirectoryPath + '/fusion.mp3'
-    console.log(url)
-    console.log(' => ',  file)
-    RNFS.downloadFile(url, file, (d) => {
-      console.log('downloading', d)
-    }, (d) => {
-      // console.log(`${d.bytesWritten} / ${d.contentLength}`)
-    })
-    .then(() => {
-      console.log('downloaded')
+    // todo: fetch html
+    // https://github.com/fritx/51voa-cli
+    const url = 'http://www.51voa.com/VOA_Standard_English/from-golf-range-to-free-range-69274.html'
+    console.log('fetching...', url)
+    fetch(url)
+      .then((response) => response.text())
+      .then((html) => {
+        // const url = 'http://downdb.51voa.com/201604/fusion-reactor-still-in-works.mp3'
+        // const file = RNFS.DocumentDirectoryPath + '/fusion.mp3'
+        const part = html.match(/Player\("(.+?)"\);/)[1]
+        const url = `http://downdb.51voa.com${part}`
+        const file = RNFS.DocumentDirectoryPath + '/golf.mp3'
+        console.log(url)
+        console.log(' => ',  file)
+        RNFS.downloadFile(url, file, (d) => {
+          console.log('downloading', d)
+        }, (d) => {
+          // console.log(`${d.bytesWritten} / ${d.contentLength}`)
+        })
+        .then(() => {
+          console.log('downloaded')
 
-      // fixme: https://github.com/zmxv/react-native-sound/issues/27
-      // var s = new Sound('advertising.mp3', Sound.MAIN_BUNDLE, (e) => {
-      // var s = new Sound(file + '.aa', Sound.MAIN_BUNDLE, (e) => {
-      var s = new Sound(file, '/', (e) => { // hack
-        if (e) {
-          console.log('error', e);
-        } else {
-          console.log('duration', s.getDuration());
-          s.play();
-        }
-      });
-    })
+          // fixme: https://github.com/zmxv/react-native-sound/issues/27
+          // var s = new Sound('advertising.mp3', Sound.MAIN_BUNDLE, (e) => {
+          // var s = new Sound(file + '.aa', Sound.MAIN_BUNDLE, (e) => {
+          var s = new Sound(file, '/', (e) => { // hack
+            if (e) {
+              console.log('error', e);
+            } else {
+              console.log('duration', s.getDuration());
+              s.play();
+            }
+          });
+        })
+      })
   }
 }
 

diff --git a/README.md b/README.md
@@ -12,6 +12,7 @@ $ npm run android
 - [x] Movie App [docs/tutorial](https://facebook.github.io/react-native/docs/tutorial.html)
 - [x] Sound App [react-native-sound](https://github.com/zmxv/react-native-sound)
 - [x] Fs & Download [react-native-fs](https://github.com/zmxv/react-native-fs)
+- [x] HTML Fetch [docs/network#fetch](https://facebook.github.io/react-native/docs/network.html#fetch)
 - [ ] ...