HeartMAte-android/App.js at master · Exxo-Project01/HeartMAte-android · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 *
 * @format
 * @flow
 */
import { Button } from 'react-native';

import React, {Fragment} from 'react';
import {
  SafeAreaView,
  StyleSheet,
  ScrollView,
  View,
  Text,
  StatusBar,
} from 'react-native';


    import AudioRecorderPlayer from 'react-native-audio-recorder-player';


    var audioRecorderPlayer;
class  App extends React.Component {

  constructor(){
    super()

    this.state={
      recordSecs:0
    }
    audioRecorderPlayer =new AudioRecorderPlayer();

  }


  onStartRecord = async () => {
    const result = await audioRecorderPlayer.startRecorder();
    audioRecorderPlayer.addRecordBackListener((e) => {
      this.setState({
        recordSecs: e.current_position,
        recordTime: audioRecorderPlayer.mmssss(Math.floor(e.current_position)),
      });
      return;
    });
    console.log(result);
  }

  onStopRecord = async () => {
    const result = await audioRecorderPlayer.stopRecorder();
    audioRecorderPlayer.removeRecordBackListener();
    this.setState({
      recordSecs: 0,
    });
    console.log(result);
  }

  onStartPlay = async () => {
    console.log('onStartPlay');
    const msg = await audioRecorderPlayer.startPlayer();
    console.log(msg);
    audioRecorderPlayer.addPlayBackListener((e) => {
      if (e.current_position === e.duration) {
        console.log('finished');
        this.audioRecorderPlayer.stopPlayer();
      }
      this.setState({
        currentPositionSec: e.current_position,
        currentDurationSec: e.duration,
        playTime: audioRecorderPlayer.mmssss(Math.floor(e.current_position)),
        duration: audioRecorderPlayer.mmssss(Math.floor(e.duration)),
      });
      return;
    });
  }

  onPausePlay = async () => {
    await audioRecorderPlayer.pausePlayer();
  }

  onStopPlay = async () => {
    console.log('onStopPlay');
    audioRecorderPlayer.stopPlayer();
    audioRecorderPlayer.removePlayBackListener();
  }

render(){
  return (

  <View>
<Button
    onPress={this.onStartRecord}
    title="Start Recording"
    color="#841584"
    accessibilityLabel="Learn more about this purple button"
  />
  <Button
    onPress={this.onStopRecord}
    title="Stop Recording"
    color="#841584"
    accessibilityLabel="Learn more about this purple button"
  />
  <Button
    onPress={this.onStartPlay}
    title="Start Playing"
    color="#841584"
    accessibilityLabel="Learn more about this purple button"
  />
  <Button
    onPress={this.onStopPlay}
    title="Stop Playing"
    color="#841584"
    accessibilityLabel="Learn more about this purple button"
  />
</View>
  );
};
}


export default App;