react native 直播试探之旅

第一次做直播功能,一次尝试
使用腾讯云直播
结果:android可以观看直播,有延迟
ios:
The server is not correctly configured. - The AVPlayerItem instance has failed with the error code -11850 and domain "AVFoundationErrorDomain".
推流使用 obs
1,推流地址可以先从腾讯云直播控制台生成
2,推流,使用obs
在这里插入图片描述

3,查看直播是否开始

在这里插入图片描述

可以看预览
4,拉流 获取观看地址
收集了一些关于获取拉流的信息

在这里插入图片描述

不过都没有什么luan用
实际上在并没有找到应该填写的拉流地址,
因为在控制台中可以看到直播预览,所以我心生一计,他这个直播预览是从哪拿的呢,于是我按下了F12

在这里插入图片描述

可以看到有一条先一直在延续,每错就是他了,点开查看

在这里插入图片描述

将它的请求地址复制,放到react-native 视频播放插件的source上,android上就出现了画面

import { Video } from "expo-av";
//...
      <Video
        ref={videoRef}
        rate={1.0}
        source={{
          uri: "https://125087.liveplay.myqcloud.com/live/testpush.flv",
        }}
        volume={1.0}
        isMuted={false}
        resizeMode="cover"
        // shouldPlay
        // isLooping
        useNativeControls
        style={{ width: "100%", height: 200 }}
        onError={onError}
      />

这并不算是实现了,不过这是一个开始,让我开始下一次探索
腾讯云CNAME配置
https://blog.csdn.net/qq_40826452/article/details/105752050

posted on 2022-12-07 09:59  漫思  阅读(98)  评论(0编辑  收藏  举报

导航