首页 > 编程语言 >直播下半场:如何利用小程序电商直播?

直播下半场:如何利用小程序电商直播?

时间:2023-10-10 15:26:53浏览次数:76  
标签:cn Key Token 直播 https 下半场 miniapp 电商

如今,在数字时代的浪潮下,通过在直播中展示产品、与观众互动,以及实时解答疑问,可以为顾客带来全新的购物体验。不容忽视的是,直播电商的红利正在慢慢消散。导致这一变化的根本原因,在于选品的逻辑改变了,不再以低价为卖点,一昧追求快速变现,而是以慢直播、慢种草、长线收割来徐徐图之。并且时至今日,直播电商贩卖的已不仅是商品,更是差异化的内容。

在直播行业如火如荼的当下,越来越多的企业选择发展自己的直播平台,或者希望在原有的app中上架音视频、直播功能。开发一个直播功能难易程度如何呢?

直播难:要想把直播从零开始做出来,技术难度还是很高的,因为直播中运用到的技术难点非常之多,视频/音频处理,图形处理,视频/音频压缩,CDN分发,即时通讯等技术,每一项技术都非常专业。

直播易:好在当下各个领域的大牛,已经封装好了许多牛逼的框架,我们只需要用别人写好的框架,就能快速的搭建一个直播app,也就是传说中的站在大牛肩膀上编程。

如何才能简单便利的搭建一个直播平台呢?以下用开发者在 FinClip 小程序中实现视频通话及互动直播等功能举例:

准备开发环境

1、请确保本地已安装微信开发者工具

2、请确保有一个支持 live-pusher 和 live-player 组件的微信公众平台账号。只有特定行业的认证企业账号才可使用这两个组件。详情查看FinClip文档中心:https://www.finclip.com/mop/document/develop/component/media.html#live-pusher

3、请确保在微信公众平台账号的开发设置中,给予以下域名请求权限:

4、若使用的是1.1.2 BETA后的版本,则需要额外添加以下域名

运行示例程序

  •  FinClip 与 Agora.io 注册账号,并创建自己的测试项目,获取 App ID。如需获取 Token 或 Channel Key,请启用 App Certificate

  • 下载本页示例程序

  • 打开 utils 文件夹,在 config.js 文件中填入获取到的 App ID:

     const APPID = 'abcdefg'
    
  • 下载 Agora Miniapp SDK,并将 SDK 重新命名为 “mini-app-sdk-production.js"

  • 将更名后的 "mini-app-sdk-production.js" 文件保存在本示例程序的 lib 文件夹下

  • 启动微信开发者工具并导入该示例程序

  • 输入频道名,加入频道。邀请你的朋友加入同一个频道,就可以开始视频互通了。

声网的 Native SDK 可以直接与小程序互通。

关于 Token/Dynamic Key

如果启用了 App Certificate,还需要在服务端生成 Token 或 Dynamic Key 用于鉴权。将生成的 Token 或 Dynamic Key 填入如下方法中:

//...     client.join(<your key/access token here>, channel, uid, () => {     //...

关于如何生成 Token 或 Dynamic Key 详见 TokenDynamic Key

标签:cn,Key,Token,直播,https,下半场,miniapp,电商
From: https://www.cnblogs.com/Xxx1m/p/17754743.html

相关文章

  • 小程序助力电商行业寻找新增长
    电商行业的发展可以说迅速改变了人们的生活方式,但是由于发展速度太快,导致越来越多的人加入电商行业当中来,导致整体的市场竞争力度大,整个行业出现了前所未有的瓶颈期,出现了供应大于需求的情况出现,最直接的结果就是导致很多电商从业者赚不到更多的收益,但是小程序的出现彻底是打破了......
  • APP内如何实现小程序直播技术?
    如今,越来越“卷”的直播逐渐迈向精细化运营的阶段。抖音小程序作为商家经营的利器,可通过短视频、直播、主页挂载等场景中,以商家自播、达人直播等方式,让商家与消费者建立密切的互动关系,帮助实现内容的种草、商品的销售、或服务的供给等不同目标,紧密结合内容价值最终变现。小程序......
  • app直播源代码,android中几种常用的弹框
    app直播源代码,android中几种常用的弹框一、SweetAlertDialog弹框使用该控件需要添加依赖: implementation'com.github.f0ris.sweetalert:library:1.5.1'​下面是具体用法:  newSweetAlertDialog(this,SweetAlertDialog.WARNING_TYPE)        .setTitl......
  • 直播预约丨《实时湖仓实践五讲》第二讲:实时湖仓功能架构设计与落地实战
    如今,大规模、高时效、智能化数据处理已是“刚需”,企业需要更强大的数据平台,来应对数据查询、数据处理、数据挖掘、数据展示以及多种计算模型并行的挑战,湖仓一体方案应运而生。《实时湖仓实践五讲》是袋鼠云打造的系列直播活动,将围绕实时湖仓的建设趋势和通用问题,邀请奋战于企业数......
  • 视频直播源码,Flutter 富文本 部分文字可以触发点击
    视频直播源码,Flutter富文本部分文字可以触发点击 Widget_buildBottomTip(){  returnContainer(   child:Text.rich(    TextSpan(     children:[      TextSpan(        text:"这是要显示的文字",    ......
  • 直播商城源码,去掉导航条和tabbar线条
    直播商城源码,去掉导航条和tabbar线条去掉导航条底部线条 [self.navigationController.navigationBarsetBackgroundImage:[[UIImagealloc]init]forBarMetrics:UIBarMetricsDefault];  [self.navigationController.navigationBarsetShadowImage:[[UIImagealloc]init]......
  • 10月12日19:30|BIM+GIS用于公路施工组织策划专题直播
    当前BIM+GIS三维数字沙盘技术成为了交通建设领域的一大热门话题。交通部也在近日发布了《推荐公路数字化转型的意见》,明确指出了BIM+GIS技术应用对于公路数字化转型的重要性。那么,公路工程建设施工组织策划阶段,该如何更好地应用BIM+GIS技术呢?我们很荣幸的邀请到了交通建设领域BIM......
  • 在线直播源码,CSS磨砂玻璃效果和渐变主题色文字
    在线直播源码,CSS磨砂玻璃效果和渐变主题色文字HTML <divclass="card"> <h2class="gradient"> </h2> <div>  <p>.welcome{</p>  <pclass="indent">"CSDN:lqj_本人"</p>  <pclass="......
  • 阿里云视频直播配置教程
    需要提前进入对象存储OSS:https://oss.console.aliyun.com/ Bucket名称可以随意填写,oss为【公共读写】的权限;这边的演示示例是在上海节点【OSS的区域节点要与添加的域名的节点一致!!!】  进入阿里云视频直播控制台:https://live.console.aliyun.com/在域名管理部分,点击【新建......
  • python 使用 PyAV 进行 rtmp 直播推流
    importcv2importtimeimportnumpyasnpimportavimportav.datasetsimportlibrosafromfractionsimportFraction#创建一个FLV容器container=av.open('rtmp://test-push.xxxxx.com/livetest/video1',mode='w',format='flv')#......