腾讯云发起直播与前端播放示例
1、进入腾讯云控制台,申请开通云直播权限,然后进入地址生成器
2、生成地址
3、生成结果如下:
可以在EV录屏中进行直播
4、将第三步生成的红框内的代码放入如下步骤中
5、开始EV直播
6、生层播流地址:
7、html页面代码
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="https://web.sdk.qcloud.com/player/tcplayerlite/release/v2.4.0/TcPlayer-2.4.0.js" charset="utf-8"></script>; </head> <body> <div id="id_test_video" style="width:100%; height:auto;"></div> </body> </html> <script> var player = new TcPlayer('id_test_video', { "m3u8": "http://bo.ajaxx.top/live/1.m3u8", "flv": "http://bo.ajaxx.top/live/1.flv", //增加了一个 flv 的播放地址,用于PC平台的播放 请替换成实际可用的播放地址 "autoplay" : true, //iOS 下 safari 浏览器,以及大部分移动端浏览器是不开放视频自动播放这个能力的 "poster" : "", "width" : '480',//视频的显示宽度,请尽量使用视频分辨率宽度 "height" : '320'//视频的显示高度,请尽量使用视频分辨率高度 }); </script>
通往牛逼的路上,在意的只有远方!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
2019-06-10 页面静态化,以及给静态化页面设置过期时间
2018-06-10 shell脚本
2018-06-10 Anacron的用法
2018-06-10 linux工作调度种类---crontab(定时执行)
2018-06-10 linux工作调度的种类---at(定时任务)
2018-06-10 SElinux简介
2018-06-10 linux查询已打开的文件或已经执行进程打开的文件