Question

我正在实现视频组件以进行音频播放：

import React, {Component} from 'react';
import {StyleSheet, View,} from 'react-native';
import Video from 'react-native-video';

export default class App extends Component {
  render() {
    return (
      <View style={styles.container}>
          <Video source={require('./cats.mp3')}
             ref={(ref) => {
                 this.player = ref
         }}
             playInBackground={true}
             playWhenInactive={true}
             onBuffer={this.onBuffer}               
             onEnd={this.onEnd}                      
             onError={this.videoError}               

          />
      </View>
    );
  }
}

在物理设备（Pixel 2 8.1.0）上运行此程序并将应用程序置于后台时，音频播放会在3-10分钟后停止并且应用程序崩溃。只能通过重新启动应用程序来重新开始播放。仅当没有电源线连接到设备时，才会出现此问题。当有外部电源时，该应用程序将按预期运行。

我从日志中拉出了它：

ActivityManager: Killing 20894:com.videotest/u0a419 (adj 700): excessive cpu 53130 during 300068 dur=1762444 limit=2

Android似乎因为滥用CPU而拒绝了该应用程序？强制操作系统允许该应用程序不间断运行（就像我们有外部电源时那样）的解决方案是什么？

反应本机版本：0.57 react-native-video版本：3.2.1

Answer 1

我刚刚回答了本地视频问题here，并在此处复制了该问题。

================================================ ==========

至少对于我的用例，我已经通过遵循ExoPlayer常见问题解答的背景音频指南来解决此问题：https://google.github.io/ExoPlayer/faqs.html#how-do-i-keep-audio-playing-when-my-app-is-backgrounded：

我的应用程序处于后台状态时如何继续播放音频？

您需要采取一些步骤来确保持续   当您的应用程序在后台播放音频：


您需要运行的前台服务。这样可以防止系统杀死您的进程以释放资源。

您需要持有WifiLock和WakeLock。这些确保系统使WiFi无线电和CPU保持唤醒状态。


重要的是您必须停止服务并尽快解除锁定   因为不再播放音频。

要在RN中实现唤醒锁和wifilock，我添加了以下程序包：“ react-native-wakeful”：“ ^ 0.1.0”

要在RN中实现前台服务，我添加了此程序包：“ @ voximplant / react-native-foreground-service”：“ ^ 1.1.0”

请确保按照这两个软件包的自述文件中的说明更新AndroidManifest.xml。

此演示存储库的App.js有一个清晰的示例，说明了如何使用前台服务：https://github.com/voximplant/react-native-foreground-service-demo/blob/master/App.js：

/**
 * Copyright (c) 2011-2019, Zingaya, Inc. All rights reserved.
 *
 * @format
 * @flow
 * @lint-ignore-every XPLATJSCOPYRIGHT1
 */

import React, {Component} from 'react';
import {Platform, StyleSheet, Text, View, Button} from 'react-native';
import VIForegroundService from "@voximplant/react-native-foreground-service";

type Props = {};
export default class App extends Component<Props> {

    async startService() {
        if (Platform.OS !== 'android') {
            console.log('Only Android platform is supported');
            return;
        }
        if (Platform.Version >= 26) {
            const channelConfig = {
                id: 'ForegroundServiceChannel',
                name: 'Notification Channel',
                description: 'Notification Channel for Foreground Service',
                enableVibration: false,
                importance: 2
            };
            await VIForegroundService.createNotificationChannel(channelConfig);
        }
        const notificationConfig = {
            id: 3456,
            title: 'Foreground Service',
            text: 'Foreground service is running',
            icon: 'ic_notification',
            priority: 0
        };
        if (Platform.Version >= 26) {
            notificationConfig.channelId = 'ForegroundServiceChannel';
        }
        await VIForegroundService.startService(notificationConfig);
    }

    async stopService() {
        await VIForegroundService.stopService();
    }


    render() {
        return (
            <View style={styles.container}>
                <Button title="Start foreground service" onPress={() => this.startService()}/>
                <View style={styles.space}/>
                <Button title="Stop foreground service" onPress={() => this.stopService()}/>
            </View>
        );
    }
}

const styles = StyleSheet.create({
    container: {
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',
        backgroundColor: '#F5FCFF',
    },
    space: {
        flex: 0.1
    }
});

该示例缺少的一件事是stopService()首先需要警卫：

  async stopService() {
    // Only Android platform is supported
    if (Platform.OS !== 'android') {
      return;
    }

    await VIForegroundService.stopService();
  }

在我的应用中，当用户单击“播放/暂停”按钮时，我会这样做：

    // play or pause the player, then.....

    if (this.isPaused) {
      // release wakelock, wifilock and stop foreground service
      wakeful.release();
      this.stopService();
    } else {
      // acquire wakelock, wifilock and start foreground service
      wakeful.acquire();
      this.startService();
    }

wakeful.release() / wakeful.acquire()可以留在iOS上，因为在这种情况下它们只是不操作。

如果有人需要帮助，请告诉我：）

Android背景上的react-native-video崩溃

1 个答案: