Expo CLI 3.11.1环境信息:系统:作业系统:Windows 10二进制文件:纱线:1.22.4-C:\ Users \ user \ AppData \ Roaming \ npm \ yarn.CMDnpm:6.12.0-C:\ Program Files \ nodejs \ npm.CMDIDE:Android Studio:版本3.6.0.0 AI-192.7142.36.36.6308749
React-native android on device
npx react-native init ReactRelease --version 0.62.2
npm install [email protected] --save
expo install expo-av
根据每个库中的文档配置文件
编辑App.js
import React, { Component } from 'react';
import { Text, StyleSheet, View, Button, Alert } from 'react-native';
import { Audio } from 'expo-av';
import * as Permissions from 'expo-permissions';
var audioObjectActions = new Audio.Sound();
export default class App extends Component {
constructor(props) {
super(props);
this.state = {};
}
async componentDidMount() {
await Permissions.askAsync(Permissions.AUDIO_RECORDING);
await Audio.setAudioModeAsync({
staysActiveInBackground: true,
allowsRecordingIOS: false,
interruptionModeIOS: Audio.INTERRUPTION_MODE_IOS_DUCK_OTHERS,
playsInSilentModeIOS: true,
playThroughEarpieceAndroid: false,
interruptionModeAndroid: Audio.INTERRUPTION_MODE_ANDROID_DUCK_OTHERS,
shouldDuckAndroid: true
});
}
async _playRandomAction() {
try {
audioObjectActions.setOnPlaybackStatusUpdate(this._onPlaybackStatusUpdateAction);
await audioObjectActions.loadAsync(require('./assets/song_sound.m4a'));
await audioObjectActions.playAsync();
} catch (error) {
Alert.alert('ERROR : ', '' + JSON.stringify(error));
}
}
_onPlaybackStatusUpdateAction = async (playbackStatus) => {
if (!playbackStatus.isLoaded) {
// Update your UI for the unloaded state
if (playbackStatus.error) {
console.log(`Encountered a fatal error during playback: ${playbackStatus.error}`);
// Send Expo team the error on Slack or the forums so we can help you debug!
}
} else {
if (playbackStatus.didJustFinish && !playbackStatus.isLooping) {
await audioObjectActions.stopAsync();
await audioObjectActions.unloadAsync();
}
}
};
render() {
return (
<View style={styles.container}>
<Text> Test Audio </Text>
<Button title="On joue le morceau" onPress={async () => this._playRandomAction()} />
</View>
);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
backgroundColor: '#555555'
}
});
创建资产文件夹并添加song_sound.m4a像这样:
通过USB连接您的android设备
//POWERSHELL 1
npx react-native run-android
//POWERSHELL 2
npm start
完美运行:声音已加载并播放
cd android
./gradlew assembleRelease
./gradlew installRelease
未加载声音,显示的错误是:
{ "nativeStackAndroid":[], "userInfo":null, "message":"com.google.android.exoplayer2.upstream.FileDataSource$FileDataSourceException: java.io.FileNotFoundException: assets_song_sound: open fialed: ENOENT (No such file or directory)", "code":"E_LOAD_ERROR", "line": 18, "column": 1111, "sourceURL":"index.android.bundle" }
我想要什么?
只需像在调试中一样在发行版本中加载并播放音频。
Environment Expo CLI 3.11.1环境信息:系统:OS:Windows 10二进制文件:纱:1.22.4-C:\ Users \ user \ AppData \ Roaming \ npm \ yarn.CMD npm:6.12.0-C:\程序文件\ ...
我终于找到答案了。