Not able to play audio from remote url

[farman05]

Configuration

The version of react native track player i am using "react-native-track-player": "^1.1.8"

Issue

I am trying to use the library for playing sounds from remote url, for local files the library works perfect the sound is played but when i am trying to play from remote file nothing happens no audio is been played

Code

import React, {Component} from 'react'; import { Platform, StyleSheet, Text, View, TouchableOpacity, YellowBox } from 'react-native'; import TrackPlayer from 'react-native-track-player';

const instructions = Platform.select({ ios: 'Press Cmd+R to reload,\n' + 'Cmd+D or shake for dev menu', android: 'Double tap R on your keyboard to reload,\n' + 'Shake or press menu button for dev menu', });

export default class Player extends Component { constructor() { super(); this.state = { isplaying: false };

YellowBox.ignoreWarnings(['Setting a timer']);
}

componentWillMount () { TrackPlayer.setupPlayer(); }

componentDidMount() { TrackPlayer.updateOptions({ waitForBuffer: true, stopWithApp: true, capabilities: [ TrackPlayer.CAPABILITY_PLAY, TrackPlayer.CAPABILITY_STOP ], compactCapabilities: [ TrackPlayer.CAPABILITY_PLAY, ] }); }

onPlay = async () => { const currentTrack = await TrackPlayer.getCurrentTrack(); this.setState({ isplaying: !this.state.isplaying });

if (currentTrack == null && this.state.isplaying) {
  await TrackPlayer.reset();
  await TrackPlayer.add({
    id: "1",
    url: "https://drive.google.com/uc?export=download&id=1AjPwylDJgR8DOnmJWeRgZzjsohi-7ekj",
    title: "Track Title",
    artist: "Track Artist",
    artwork: "https://www.playradio.rs/images/play_button.png"
  });
  await TrackPlayer.setVolume(1);

  await TrackPlayer.play();
} else {
  await TrackPlayer.stop();
}
// { 
//   "id": "1111",
//   "url": "https://drive.google.com/uc?export=download&id=1AjPwylDJgR8DOnmJWeRgZzjsohi-7ekj",
//   "title": "Longing",
//   "artist": "David Chavez",
//   "artwork": "https://picsum.photos/200"
// },

}

render() { return (

Welcome to React Native! To get started, edit App.js {instructions} this.onPlay() } > { this.state.isplaying ? "Pause" : "Play" }

);

} }

const styles = StyleSheet.create({ container: { flex: 1, justifyContent: 'center', alignItems: 'center', backgroundColor: '#F5FCFF', }, welcome: { fontSize: 20, textAlign: 'center', margin: 10, }, instructions: { textAlign: 'center', color: '#333333', marginBottom: 5, }, });

[YajanaRao]

Hi @farman05 If your browser can play the song ( Not downloading ) then It can be played in the react-native-track-player.

[farman05]

i tried many urls which open and play in browser, but what happens it goes in buffer state and then goes in None state

[lucked]

u need a url like http://exempleurl.com/music.mp3

[farman05]

trying with that type of url only, but still its just going in buffer mode(6) not playing.

[ashrafghanem]

I have the same issue, isn't there any solution yet?

[mrigo]

Same here, the player continues to go from "playing" to "pause" without any errors or warnings... It doesn't work for mp3 larger than 2.5MB because the server split that files in chunk, responding with some 206 HTTP response and then the final 200 HTTP response, but the player doesn't work... What can be the problem?

[Guichaguri]

Can you show the URL you're trying to play so we can try to reproduce the problem?

[mrigo]

I solved the issue... the problem was the file encoded with LayerII that is not supported.. Using a LayerIII mp3 worked!

[ashrafghanem]

What file you exactly mean? And where can I find it in the project?

Get Outlook for Androidhttps://aka.ms/ghei36

---

From: Mattia Rigo notifications@github.com Sent: Friday, September 20, 2019 5:36:17 PM To: react-native-kit/react-native-track-player react-native-track-player@noreply.github.com Cc: Ashraf Ghanem ashraf.nadir3@gmail.com; Comment comment@noreply.github.com Subject: Re: [react-native-kit/react-native-track-player] Not able to play audio from remote url (#689)

I solved the issue... the problem was the file encoded with LayerII that is not supported.. Using a LayerIII mp3 worked!

— You are receiving this because you commented. Reply to this email directly, view it on GitHubhttps://github.com/react-native-kit/react-native-track-player/issues/689?email_source=notifications&email_token=AHR5GPSZGWTAQZGTXFQBDSTQKTNWDA5CNFSM4IJFGFC2YY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOD7G4OLY#issuecomment-533579567, or mute the threadhttps://github.com/notifications/unsubscribe-auth/AHR5GPTYLH2NLCSTZQQL4KTQKTNWDANCNFSM4IJFGFCQ.

[curiousdustin]

Is anyone still facing this issue? If so, can you provide a URL for testing?

[tolgaerdonmez]

I'm still facing this issue, when loading audio from urls, track player stops itself after playing the current track. But when it works perfect when using a local track. I'm getting the audios from amazon aws. I don't think the problem is with the url.

[curiousdustin]

Are you adding multiple tracks to the queue at the start, or are you adding the next one when the first one finishes?

[tolgaerdonmez]

I'm adding all the audios at once. I think react-native-track-player is not handling url audio loads well. I'm now downloading the audios first with react-native-fs and then playing them, this solved my problem but it would've be very nice to directly use URLs.

[Guichaguri]

Can you provide more details so we can try to reproduce the issue?

[tolgaerdonmez]

what I did was just, add 20 tracks to queue, every track has a url of the audio. Start playing the first audio, plays the first one, then stops after changing to the next track.

[curiousdustin]

@tolgaerdonmez, are you able to reproduce this behavior in the example app, and provide us with a few of the URLs you are using so we can investigate further?

[tolgaerdonmez]

okay I'll be writing here the results as soon as I can. I'm going to implement the same way in my own app like you guys did in the example app.

[milesscherrer]

Having trouble with the daily 1 minute news from BBC's podcast rss (the url changes every half hour, see xml mp3 link). Whitelisted the domain in Xcode but still get "unsupported URL" as error. http://wsrss.bbc.co.uk/bizdev/bbcminute/bbcminute.rss

[curiousdustin]

The current URL, http://wsodprogrf.bbc.co.uk/bd/tx/bbcminute/mp3/bbcminute2006121700.mp3 works for me in iOS simulator. Is it possible however you are extracting the URL from the feed is giving you an unexpected value?

[zeejaydev]

I managed to make it work on android just make sure your link is https and not from localhost THE LINK YOU NEED BASICALLY HAVE TO BE LIKE THIS

https://yourdomain/songs/songName.mp3

I know this post is old but i couldn't find an answer anywhere.

[sam17896]

@zeejaydev So we can't play from non https domain on android ?

[zeejaydev]

@sam17896 Yeah react native allows http in iOS for development only, but in distribution you have to disable it from .plist, so you have to have https

[sam17896]

This is my audio url... its working in IOS but not on android... this is https .

https://docs.google.com/uc?export=open&id=1DpsMxOhoaRO_9VGkf3ztTs4GaOrWtmJX

[moonstruck]

This is my audio url... its working in IOS but not on android... this is https .

https://docs.google.com/uc?export=open&id=1DpsMxOhoaRO_9VGkf3ztTs4GaOrWtmJX

It's because of your url's content type. It's content-type: text/html; charset=UTF-8 You need to use any audio/ content type.

[Hasham24]

Is anyone still facing this issue? If so, can you provide a URL for testing?

Yes i have the URL of audio like this https://booklovers-books.s3.us-east-2.amazonaws.com/23b213a0-ae03-11eb-bf11-073157409038/4d01d500-ae04-11eb-b112-971fe76dd85e.m4a?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=ASIAQ2GPF5ESH7JHIQWL%2F20210506%2Fus-east-2%2Fs3%2Faws4_request&X-Amz-Date=20210506T114055Z&X-Amz-Expires=3600&X-Amz-Security-Token=IQoJb3JpZ2luX2VjEKT%2F%2F%2F%2F%2F%2F%2F%2F%2F%2FwEaCXVzLWVhc3QtMiJHMEUCIAGDZX8DTV%2BPuDtnS9gpXnAr7wqBJC5aFe%2Frant7bcgiAiEA5j5DuPdhhtLkKh%2FutuvVRmfnIFN4yM5XXYHNx1iYsG4q3AEILRAAGgwwNTYyNjkwNzI2NzYiDC%2FAn57W7ijLp2a3sSq5ARYV45zHQhyQZxXgWBTojX%2B3373aoG2j6zXmQlgbPgrIOPKERsoZ6Bl4DYxVcbREO5Oe%2BbxCogXT%2FsuCE9%2B2XQ2brP3WXiSyJ3lKgpLmbPAoAIKN2b8Eg5rH4FtyQj7ymik3IOd4FF8GHDItbbC%2BP6x2BI7ryhbZFZhIuhSr7hQIJyTdbDdaB0MTDHB8pEj%2Bi5W81BYiSSh15TgnZShEXwzloWHhpQklnXyWmN9L7mTceVQycrRak%2FNuMMarz4QGOuABw8yrqFBaCHlC9pnKLGbf%2B%2BASIo%2FAfCRC787huxn24jqJDYJ4CAeXOltaHVZc6WskBIfChoGX858pI7JoFB1u%2FRpT8zBa2Z3F0QBxZ52ZWlLZcWBLMaatkmnCdQCyzhhSqExAn2ItfhpBkfxowH586vqDF8B%2Bnva01f2RAT0ArLs%2Bj8FmwAbleLTUpvDAFkJCS5LzZ9%2B4uhl%2B2ki6PdejkLlf5KSmTLM9i6Un4Iam%2FbWB0BDNss7jT4%2B5VLlgho9ctl1PV1pEY%2FxyipyckTCOTJAPC9txt52541JRj6ip7BM%3D&X-Amz-Signature=694fb168328148c7b77edd3892321239b85b5d38f2574c865286618510d2530e&X-Amz-SignedHeaders=host&response-content-type=audio%2Fm4a

which is not play in ios but working in android Also, this link is expired in one hour and have m4a file extension

[talal-tilted]

Hello, i have the same problem with amazon link on ios.. anyone found a solution ?

[niklasarnitz]

Here is another instance of this error: https://chat.church.tools/_matrix/media/r0/download/chat.church.tools/uAMThKblxIQEOfdjVBVRZewv

The contenttype is audio/x-m4a

[cj-hnadeem]

I have the same issue with AWS S3 pre-signed URL. Its works fine for Android but not for ios. Anyone know solution to this?

[talal-tilted]

@cj-hnadeem could not find any solution, i ended up using react-native-sound that works perfectly

[dcvz]

Here is another instance of this error: https://chat.church.tools/_matrix/media/r0/download/chat.church.tools/uAMThKblxIQEOfdjVBVRZewv

The contenttype is audio/x-m4a

It might be an issue with file formats. Safari on macOS is also not opening your URL for me. Edge does however, very likely not using an AVPlayer as Safari.

[dcvz]

Those of you using m4a, is it failing on simulators only or also on devices? cc @talal-tilted @Hasham24

[dcvz]

Closing for lack of updates, but it's very likely a format not supported by RNTP is being used. Like DASH

[quizzyDev]

I had the same issue with streamed .m4a files and after a lot of investigation discovered that the cause was because of response headers. The audio stream files were being served as response-content-type=audio/x-aac and once we switched it to response-content-type=audio/x-m4a the same audio files played properly with no issues.

[mzduc01]

I face this issue can not play url audio, please help me

Here is the link: https://rr7---sn-42u-i5old.googlevideo.com/videoplayback?expire=1723624921&ei=eRm8ZrHoMoKKvcAPlcn2sAE&ip=118.70.127.59&id=o-AIxtjljVMTj0iBWsEj3Vt_WzGni5sDE_QARQKVGHknM0&itag=251&source=youtube&requiressl=yes&xpc=EgVo2aDSNQ%3D%3D&mh=f5&mm=31%2C26&mn=sn-42u-i5old%2Csn-un57ene6&ms=au%2Conr&mv=m&mvi=7&pcm2cms=yes&pl=20&initcwndbps=2336250&bui=AQmm2ewfXYlWYRCbQECD0a1MSlxDNMDBpX7dcWjnQBiRZJNHCQ4w9NUuw1A-iqlJAP_IFcO7bUnVrx6i&spc=Mv1m9oVz0Ht42-qlEeRV_k_SzkR_5jgInLbs_iik_3LwaX4niP1H&vprv=1&svpuc=1&mime=audio%2Fwebm&ns=xF59VChR9G_rNzGzICfT0YYQ&rqh=1&gir=yes&clen=5847793&dur=366.841&lmt=1714681945030851&mt=1723602777&fvip=4&keepalive=yes&c=WEB_CREATOR&sefc=1&txp=4502434&n=WoGWddh2dRmeFw&sparams=expire%2Cei%2Cip%2Cid%2Citag%2Csource%2Crequiressl%2Cxpc%2Cbui%2Cspc%2Cvprv%2Csvpuc%2Cmime%2Cns%2Crqh%2Cgir%2Cclen%2Cdur%2Clmt&lsparams=mh%2Cmm%2Cmn%2Cms%2Cmv%2Cmvi%2Cpcm2cms%2Cpl%2Cinitcwndbps&lsig=AGtxev0wRQIgNrV0mr1LXRpSdgGBfrsTxSZlt8udBNfVoNqIOqGvGvkCIQCD2TbXMGACE2yD82-rr77_firWCzqOf9HaA0NBuqnt7g%3D%3D&sig=AJfQdSswRgIhAL24riSz02EzE0OrcIB7VimS-CecuzVUrygY_Gh_hhf3AiEA5V9PbZTSxfflDdd_u9abeXHQL6KWCApmgawPZm0fTuQ%3D

[janandaraj]

I have the similar issue s3 wav urls is not playing on ios and working fine on android, any solution?