title: react-native-track-player not stop when video is playing
body: <p>I used the library react-native-track-player version ^2.0.0-rc13 (last version), also I used react-native-webview "7.5.2", because I need to use one youtube live streming video.</p>
  
  <p>The problem is when the radio is playing and I tried to put play youtube streming video, the radio keep to playing</p>
  
  <p>Is there any solution? How can the radio stop playing?</p>
  
  <p>this is code youtube live streming video:</p>
  
  <pre><code> return (
          &lt;WebView
            style={style || null}
            source={{ uri: videoUrl }}
            scrollEnabled={false}
          /&gt;
        )
  </code></pre>
  
  <p>this is code radio</p>
  
  <pre><code>export default class LiveRadio extends Component {
  
    state = {
      scrollY: new Animated.Value(0),
      uri: require('@images/live.png'),
    }
  
  
  
    radio = async () =&gt; {
      // Creates the player
      TrackPlayer.setupPlayer().then(async () =&gt; {
  
        // Adds a track to the queue
        await TrackPlayer.add({
          id: 'trackId',
          url: 'url',
          title: 'Radio',
          artist: 'Radio',
          artwork: require('@assets/logo.png'),
          // type: 'hls',
        });
        await TrackPlayer.play();
      });
  
    }
  
  
    _onStop = async () =&gt; {
      TrackPlayer.stop();
    };
  
    play() {
      this.radio()
  
    }
  
    pause = async () =&gt; {
      TrackPlayer.pause();
    }
  
    playPause() {
      if (this.state.isplaying == true) {
        this.setState({
          //imageURL : '@images/pause.png',
          isplaying: false
  
        })
        this.pause()
      }
  
      if (this.state.isplaying == false) {
        this.setState({
          //imageURL : '@images/pause.png',
          isplaying: true
  
        })
        this.play()
      }
  
    }
  
    // volume(val) {
    //   TrackPlayer.setVolume(val);
    // }
  
  
  
    render() {
      const PLAY_RADIO = require('@images/play.png');
      const PAUSE_RADIO = require('@images/pause.png');
      const STOP_RADIO = require('@images/stop.png');
      const NEXT_IMG = require('@images/next.png');
      const BACK_IMG = require('@images/back1.png');
  
      return (
        &lt;View &gt;
          &lt;AnimatedHeader image={Images.logo} scrollY={this.state.scrollY} /&gt;
          &lt;LinearGradient
            style={styles.linearGradient}
            colors={['rgb(59, 118, 212)', 'rgb(0, 0, 0)' ]}
          &gt;
              &lt;View&gt;
  
                &lt;View style={{
                  alignItems: 'center'
                }}&gt;
                  &lt;Image style={{
                    margin: 20,
                    height: 100,
                    width: 70,
                    overflow: "hidden", tintColor: '#FFF'
                  }} source={require('@images/microphone.png')} /&gt;
                &lt;/View&gt;
  
  
                &lt;View style={{ alignItems: 'center', }}&gt;
                  &lt;View style={{ margin: 20, alignItems: 'center', flexDirection: 'row' }}&gt;
                    &lt;Image style={styles.imgArrow}
                      source={
                        BACK_IMG
                      } /&gt;
  
                    &lt;TouchableOpacity onPress={() =&gt; this.playPause()}&gt;
                      &lt;Image style={styles.img}
                        source={
                          this.state.isplaying
                            ? PAUSE_RADIO
                            : PLAY_RADIO
                        }
                      /&gt;
                    &lt;/TouchableOpacity&gt;
  
                    &lt;Image style={styles.imgArrow}
                      source={
                        NEXT_IMG
                      } /&gt;
                  &lt;/View&gt;
  
  
                &lt;/View&gt;
  
  
              &lt;/View&gt;
  
  
          &lt;/LinearGradient&gt;
  
  
        &lt;/View&gt;
      );
    }
  
  
  
  }
  </code></pre>