android - react-native ios app webview 在屏幕关闭时播放静音

Question

我构建了一个 react-native webview 应用程序，当屏幕关闭时它有音频在 ios 中关闭时在 android 中继续播放音频。有什么解决办法吗？

Answer 1

请确保Xcode 项目的Background Modes 已启用。

如果未启用，请转到 Xcode 项目 -> 选择目标 -> 功能部分 -> 背景模式 -> 将其打开。

然后选择音频、AirPlay 和画中画。

代码:

import React, { Component } from 'react';
import {StyleSheet, View, Button} from 'react-native';
import SoundPlayer from 'react-native-sound-player';

export default class Touchables extends Component {
  constructor(props) {
    super(props);
  }

  playTrack() {
    try {
      SoundPlayer.playUrl('http://file-examples.com/wp-content/uploads/2017/11/file_example_MP3_700KB.mp3')
    } catch (e) {
      alert('Cannot play the file')
      console.log('cannot play the song file', e)
    }
  }

  render() {
    return (
      <View style={styles.container}>
        <Button title="play me" onPress={this.playTrack} />
      </View>
   );
  }
}

const styles = StyleSheet.create({
  container: {
    marginTop: 100,
  },
});