【React-Native】使用react-native-track-player 实现播放器

import React, { useEffect } from 'react';
import { View, Text, Button } from 'react-native';
import trackPlayer from 'react-native-track-player';
 
const PlayerScreen = () => {
  useEffect(() => {
    // 初始化播放器
    trackPlayer.setupPlayer().then(() => {
      // 设置播放器事件监听
      trackPlayer.addListener(event => {
        const {
          type,
          track,
        } = event;
 
        switch (type) {
          case 'play':
            // 处理播放事件
            break;
          case 'pause':
            // 处理暂停事件
            break;
          // 更多事件类型...
        }
      });
    });
  }, []);
 
  const playTrack = async (trackUri) => {
    // 播放指定的音轨
    await trackPlayer.reset();
    const track = { url: trackUri, title: 'Demo Track' };
    await trackPlayer.add(track);
    await trackPlayer.play();
  };
 
  return (
    <View>
      <Text>Player Screen</Text>
      <Button title="Play Track" onPress={() => playTrack('your-track-uri')} />
    </View>
  );
};
 
export default PlayerScreen;

这个代码实例演示了如何在React Native应用中使用react-native-track-player库来管理音频播放。它初始化播放器，并设置监听器来响应播放和暂停事件。playTrack函数用于添加并播放指定的音轨。这个例子简洁明了，并且提供了一个如何在实际应用中使用播放器的参考。