React-native-track-player 无法播放由 rn-fetch-blob 获取的本地文件

Posted 2023-03-14

【中文标题】React-native-track-player 无法播放由 rn-fetch-blob 获取的本地文件

【英文标题】：React-native-track-player can not play local files which is fetched by rn-fetch-blob

【发布时间】：2020-09-16 08:36:35

【问题描述】：

使用 rn-fetch-blob 获取 .mp3 文件后，我输入了 console.log(filePathios) 并得到了如下路径：“/var/mobile/Containers/Data/Application/80D7496B-862A-44D6-9D3A -F0EF31B565CF/Documents/xxx.mp3"

我的曲目播放代码：

let filePathIos = `$fs.dirs.DocumentDir/$fileName`;
const thisSong = props.songs[0]
const track = 
        id: thisSong.id.toString(),
        url: filePathIos,
        title: thisSong.title,
        artist: "xxx"

const togglePlayback = async () => 
        setAudioStatus(!AudioStatus)
        const currentTrack = await TrackPlayer.getCurrentTrack();
        if (currentTrack == null) 
            await TrackPlayer.add(track);
            await TrackPlayer.play();
         else 
            if (AudioStatus) 
                await TrackPlayer.play();
             else 
                await TrackPlayer.pause();
            
        
    

问题是：本地文件下载成功，可以在本地打开。但是上面的代码不起作用。当我尝试按下切换按钮时，xcode 显示一些日志为：“开始/恢复播放”但歌曲仍未播放。

如果我尝试在上面的代码中更改一点点（将 url 更改为在线音乐 url），如下所示：

const track = 
        id: thisSong.id.toString(),
        url: 'https://audio-previews.elements.envatousercontent.com/files/103682271/preview.mp3',
        title: thisSong.title,
        artist: "xxx"

然后该应用程序就像一个魅力，它可以播放歌曲。

我正在使用这些包来构建应用程序，由于某些特定原因，我无法升级/降级这些包：

平台：为 IOS 做出原生反应 react-native-track-player@1.1.3 react-native@0.59.2 rn-fetch-blob@0.10.15

我没有运气尝试的事情：

将 URL 从 url: filePathIos 更改为 url: 'file://' + encodeURIComponent(filePathIos)

感谢您的任何想法！

【问题讨论】：

出于同样的原因我打开了一个错误...github.com/react-native-kit/react-native-track-player/issues/… 目前，如果您“要求”该文件，它可以工作，但如果您尝试使用“file:///.. ." url 它没有。

@PabloRomeu 此外，它可以使用 Document ("file://Users/Documents/xxx.mp3") 中的文件，但不能使用 rn-fetch-blob 文件路径。我不知道发生了什么

【参考方案1】：

嗯，找到了。问题是 1.2.3 版本在 Track.swift 上有一个错误，在 Dev branch 上已修复：

func getSourceUrl() -> String 
        return url.isLocal ? url.value.path : url.value.absoluteString

在 1.2.3 版本中是：

func getSourceUrl() -> String 
        return url.value.absoluteString

这会阻止播放本地文件。

您可以使用“Dev”分支作为解决方法。我会填写一份错误报告。

【讨论】：

感谢您抽出宝贵时间！固定行后的url是否需要以'file://'开头？类似于 file://Users/thainq/Library/Developer/CoreSimulator/Devices/3A86BC22-C9D2-4284-9D23-2F8ED01D4AE9/data/Containers/Data/Application/0C16AE28-F358-4281-9AA1-8918BA24EBA0/Documents/RNFetchBlob_tmp/ RNFetchBlobTmp_fwh078gqndf0clxbxyu4mb.mp3

hmm，只是尝试修复上面的行，但它似乎不起作用....我试图安装dev分支但是编译文件时出现很多错误......

这对我来说是个问题...他们在 getSourceUrl 方法中添加了一个额外的“file://”，这就是问题...