如何使用react原生音轨播放器来流式传输现场音频

ep6jt1vc  于 2022-12-19  发布在  React
关注(0)|答案(1)|浏览(189)

你好,我有一个流媒体服务,(这是一个在线电台),我需要在我的应用程序流,它的网址如下
https://cast.uncuartocomunicacion.com:8020/live
我一直在用react native sound player播放音乐,但我觉得安卓系统的性能有问题,所以我换了react native track player,但我一直不能播放流媒体服务。
下面是我一直在使用的代码。

  1. const start = async () => {
  2. await TrackPlayer.setupPlayer();
  3. await TrackPlayer.add({
  4. id: 'trackI1',
  5. url: 'https://cast.uncuartocomunicacion.com:8020/live',
  6. title: 'Area deportiva',
  7. artist: 'Area deportiva',
  8. artwork: {
  9. uri:
  10. 'https://pbs.twimg.com/profile_images/1480935488232075270/STi9FaUo_400x400.jpg',
  11. },
  12. });
  13. TrackPlayer.updateOptions({
  14. stopWithApp: false,
  15. });
  16. setLoading(false);
  17. };
  18. useEffect(() => {
  19. //let isMounted = true;
  20. //Alert.alert(audioUrl);
  21. //getUrl();
  22. //SoundPlayer.loadUrl('https://cast.uncuartocomunicacion.com:8020/live');
  23. /*TrackPlayer.setupPlayer()
  24. .then(() => {
  25. setLoading(false);
  26. })
  27. .catch((e) => {
  28. setLoading(false);
  29. });*/
  30. start()
  31. .then()
  32. .catch((e) => {
  33. Alert.alert('e ' + JSON.stringify(e));
  34. });
  35. }, []);
  36. const handlePlayPause = () => {
  37. console.warn('asa is playing ', isPlaying);
  38. /* */
  39. try {
  40. /* !isPlaying ? SoundPlayer.resume() : SoundPlayer.pause();*/
  41. if (!isPlaying) {
  42. Alert.alert('enre aquiu ');
  43. TrackPlayer.play()
  44. .then((r) => {
  45. Alert.alert('then play' + JSON.stringify(r));
  46. })
  47. .catch((e) => {
  48. Alert.alert('e ' + JSON.stringify(e));
  49. });
  50. } else {
  51. TrackPlayer.pause().then((r) => console.log(r));
  52. }
  53. } catch (e) {}
  54. setIsPlaying(!isPlaying);
  55. };

希望有人能帮帮我!!!

lx0bsm1f

lx0bsm1f1#

由于某种原因,当您使用SSL播放音频并使用另一个端口(8020)时,它不起作用,但您可以尝试使用http并添加
安卓系统:使用明文流量=“真”
在Android清单中

相关问题