Flutter直播UI组件插件bjy_liveui_flutter的使用

Flutter直播UI组件插件bjy_liveui_flutter的使用

1. 初始化 SDK

在合适的时机初始化 SDK，建议在用户勾选完隐私政策之后，避免合规风险。确保进直播间之前调用即可。

BJYLiveUIFlutterPlatform.instance.initSDK("e33180987");

2. 通过参加码进直播间

直播间有多种类型：

  • BJYUILayoutTemplate.Triple 三分屏
  • BJYUILayoutTemplate.Enterprise 企业竖屏直播
  • BJYUILayoutTemplate.Sell 直播带货
  • BJYUILayoutTemplate.Professional 专业小班课
BJYLiveUIFlutter()
    .startLiveByCodeWithLayoutTemplateAndCodeAndUserName(BJYUILayoutTemplate.Triple, "参加码", "用户昵称");

3. 通过签名进直播间

签名字段说明：

  • name: 用户昵称
  • number: 用户唯一标识
  • type: 0: 学生, 1: 老师, 2: 助教
  • avatar: 用户图像 URL 地址
  • groupId: 分组号，默认0不分组，只有分组直播才用到，不分组则不需要传此参数
BJYLiveUIFlutter()
    .startLiveBySignWithLayoutTemplateAndRoomIDAndSignAndUserInfo(
        BJYUILayoutTemplate.Triple,
        "22092788575540",
        "f1c3bf16b097b42e918b10048e1e1571", 
        {
            "name": "yjm",
            "number": "853145024",
            "type": 0,
            "avatar": "https://img.baijiayun.com/0bjcloud/live/avatar/v2/1.jpg",
            "groupId": 0
        }
    );

更多关于Flutter直播UI组件插件bjy_liveui_flutter的使用的实战教程也可以访问 https://www.itying.com/category-92-b0.html

1 回复

更多关于Flutter直播UI组件插件bjy_liveui_flutter的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


bjy_liveui_flutter 是一个用于 Flutter 的直播 UI 组件插件，通常用于构建直播相关的用户界面。它可能提供了诸如直播播放器、弹幕、礼物发送、聊天室等功能的 UI 组件。以下是一个基本的使用指南，帮助你快速上手这个插件。

1. 添加依赖

首先，你需要在 pubspec.yaml 文件中添加 bjy_liveui_flutter 插件的依赖。

dependencies:
  flutter:
    sdk: flutter
  bjy_liveui_flutter: ^版本号  # 替换为最新的版本号

然后运行 flutter pub get 来获取依赖。

2. 导入插件

在你的 Dart 文件中导入插件：

import 'package:bjy_liveui_flutter/bjy_liveui_flutter.dart';

3. 使用直播播放器

通常，直播播放器是直播应用的核心组件。你可以使用 BJYLivePlayer 组件来播放直播流。

BJYLivePlayer(
  url: 'https://example.com/live/stream.m3u8', // 替换为你的直播流 URL
  autoPlay: true,
  onError: (error) {
    print('播放器错误: $error');
  },
  onPlay: () {
    print('播放开始');
  },
  onPause: () {
    print('播放暂停');
  },
)

4. 添加弹幕功能

弹幕是直播中常见的功能，你可以使用 BJYDanmaku 组件来实现。

BJYDanmaku(
  messages: [
    BJYDanmakuMessage(text: '欢迎来到直播间！', color: Colors.red),
    BJYDanmakuMessage(text: '主播好帅！', color: Colors.blue),
  ],
  onSend: (String text) {
    print('发送弹幕: $text');
  },
)

5. 礼物发送功能

礼物发送功能通常用于观众与主播互动。你可以使用 BJYGiftPanel 组件来实现。

BJYGiftPanel(
  gifts: [
    BJYGift(id: '1', name: '鲜花', icon: 'assets/flower.png', price: 10),
    BJYGift(id: '2', name: '火箭', icon: 'assets/rocket.png', price: 100),
  ],
  onSend: (String giftId) {
    print('发送礼物: $giftId');
  },
)

6. 聊天室功能

聊天室功能可以让观众之间进行互动。你可以使用 BJYChatRoom 组件来实现。

BJYChatRoom(
  messages: [
    BJYChatMessage(sender: '用户1', text: '大家好！'),
    BJYChatMessage(sender: '用户2', text: '主播好！'),
  ],
  onSend: (String text) {
    print('发送消息: $text');
  },
)

7. 自定义 UI

bjy_liveui_flutter 提供了许多自定义选项，你可以根据需要调整 UI 的样式和布局。例如，你可以通过设置 BJYLivePlayer 的 width 和 height 属性来调整播放器的大小。

BJYLivePlayer(
  url: 'https://example.com/live/stream.m3u8',
  width: 300,
  height: 200,
)

8. 处理事件

大多数组件都提供了事件回调，你可以在这些回调中处理用户的操作。例如，BJYLivePlayer 提供了 onPlay 和 onPause 回调，你可以在这些回调中执行相应的逻辑。

9. 运行项目

完成上述步骤后，你可以运行你的 Flutter 项目，查看直播 UI 组件的效果。

flutter run
回到顶部