首页 > 其他分享 >react native 直播试探之旅

react native 直播试探之旅

时间:2023-02-14 15:35:24浏览次数:58  
标签:预览 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

react native 直播试探之旅_腾讯云


3,查看直播是否开始

react native 直播试探之旅_腾讯云_02


可以看预览

4,拉流 获取观看地址

收集了一些关于获取拉流的信息

react native 直播试探之旅_ide_03


不过都没有什么luan用

实际上在并没有找到应该填写的拉流地址,

因为在控制台中可以看到直播预览,所以我心生一计,他这个直播预览是从哪拿的呢,于是我按下了F12

react native 直播试探之旅_ide_04


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

react native 直播试探之旅_ide_05


将它的请求地址复制,放到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 }}
one rror={onError}
/>

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


标签:预览,react,地址,直播,腾讯,拉流,推流,native
From: https://blog.51cto.com/u_15964288/6056971

相关文章

  • react-native 小坑坑
    android上​​keyboardWillShow​​​不生效可以使用​​keyboardDidShow​​​或者​​react-native-android-keyboard-adjust​​​​boxShadow​​:不能inset向内阴影i......
  • react-native模板
    expo升级SDK38后,原本创建项目时可选的导航模板变成了由typescript写的模板,于是自己还是js写一个,以下是效果地址​​https://github.com/tangmusenLiu/react-native-templat......
  • react-native音乐播放器
    android效果[video(video-q8EJW2y5-1592291410395)(type-bilibili)(url-https://player.bilibili.com/player.html?aid=583605396)(image-https://img-blog.csdnimg.cn/img......
  • react-native手势动画制作精美卡片拖拽效果
    视频学习地址https://www.bilibili.com/video/BV1h7411o7zE代码importReact,{Component}from'react'import{StyleSheet,Text,View,PanResponder,Animate......
  • react-native仿写洛克王国手游版
    首先声明此项目完全是出于学习和对洛克王国的喜爱而生,项目中使用的游戏宠物若涉及侵权请联系我前两天和朋友聊天说到洛克王国没有手游,正好最近在学习react-native,觉得可以尝......
  • react豆瓣API获取电影数据小demo
    entd使用使用entd的layout布局快速搭建页面​​entd官网​​页面刷新,路由不刷新,设置sider和路由同步,在componentWillMount还是componentDidMount都获取不到路由信息,但是能......
  • Jest + React 单元测试最佳实践
    我们是袋鼠云数栈UED团队,致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神,探索前端道路,为社区积累并传播经验价值。前言单元测试是一种用于测试“单元”的......
  • app直播源码,接口在5秒之后未返回数据,自动加载百分比
    app直播源码,接口在5秒之后未返回数据,自动加载百分比   //定义变量  data(){    return{      timeOutObj:{},      indexTim......
  • 直播app源码,给elementUI的table表头添加按钮或者多选框
    直播app源码,给elementUI的table表头添加按钮或者多选框<el-table-column   prop="date"   :render-header="renderHeader"></el-table-column>methods:{  r......
  • 直播带货源码,vue中点击按钮平滑滚动到页面某个div位置
    直播带货源码,vue中点击按钮平滑滚动到页面某个div位置    goAnchorParent(selector){//参数selector是id选择器(例如:#anchor14)      document.queryS......