Expo-speech在某些iOS设备上不起作用

时间:2020-05-22 07:34:16

标签: expo text-to-speech

我在我的应用中使用expo-speech,但是在某些iOS设备中未读取文本。 通过让我的朋友测试它,我得到的结果是:

作品:

  • iPhone X. 13.3.1
  • iPhone 10。
  • iPhone X. 13.3.1
  • iPhone 8 Plus。 13.3.1
  • iPhone 7+。 13.1.2

不起作用:

  • iPhone Xs。 13.3.1
  • iPhone8。13.4.1

在我本地开发的所有iOS模拟器中,它也能正常工作。

我创建了一个非常简单的存储库(下面的链接)以使用以下代码对其进行测试:

import React from 'react';
import * as Speech from "expo-speech";
import { StyleSheet, Text, View } from 'react-native';

export default function App() {
  setInterval(()=>{
    Speech.speak(`I am a test`);
  }, 2000);

  return (
     <View style={styles.container}>
      <Text>Open up App.tsx to start working on your app!</Text>
    </View>
  );
}

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

https://snack.expo.io/@jamesweblondon/sound-test

使用Expo应用程序在iPhone 8 13.4.1上对其进行测试也无法正常工作。

更新:事实证明,它是由静默模式引起的:https://github.com/expo/expo/issues/8235

理想的解决方案是使声音像YouTube等一样播放。

第二个最好的方法是在iOS中检测到静默模式,这样我至少可以通知用户该功能不起作用以及如何修复它。

1 个答案:

答案 0 :(得分:2)

由于静音模式,我在workout-time应用上遇到了同样的问题。

Expo解决方案:

我们可以使用expo-av博览库通过playsInSilentModeIOS: true在滑模下播放语音

当其他声音处于播放模式时,博览会文本到语音中的

起作用。这样您可以附加空的声音

here

下载空声音
import React, { useEffect } from "react";
import * as Speech from "expo-speech";
import { StyleSheet, Text, View, Platform } from "react-native";
import { Audio } from "expo-av";
const soundObject = new Audio.Sound();

export default function App() {
  useEffect(() => {
    const enableSound = async () => {
      if (Platform.OS === "ios") {
        await Audio.setAudioModeAsync({
          playsInSilentModeIOS: true,
        });
        await soundObject.loadAsync(require("./soundFile.mp3"));
        await soundObject.playAsync();
      }

      setInterval(() => {
        Speech.speak(`I am a test`);
      }, 1000);
    };
    enableSound();
  });

  return (
    <View style={styles.container}>
      <Text>Open up App.tsx to start working on your app!</Text>
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: "#fff",
    alignItems: "center",
    justifyContent: "center",
  },
});

反应本机解决方案:

var Sound = require('react-native-sound');

Sound.setCategory('Playback'); // this will enable sound on silent mode