HarmonyOS 鸿蒙Next视频弹幕如何实现

发布于 1周前 作者 eggper 最后一次编辑是 5天前 来自 鸿蒙OS

HarmonyOS 鸿蒙Next视频弹幕如何实现

有没有写过HarmonyOS 鸿蒙Next视频弹幕的朋友，给个demo参考一下。需求：视频弹幕中包含用户头像（网络图片）、用户昵称、弹幕文案。@ohos.danmakuflamemaster这个弹幕库似乎不支持图片。


更多关于HarmonyOS 鸿蒙Next视频弹幕如何实现的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

Harmonyos Next教程
3 回复
我看Demo中图片是本地的，怎么支持网络图片呢？可以提供一个Demo么？

更多关于HarmonyOS 鸿蒙Next视频弹幕如何实现的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


DanmakuFlameMaster支持图文混排，可以使用如下写法
danmaku.text = "<img src=\"/common/image/icon.png\" width=\"" + 33 + "\" height=\"" + 33 + "\"/>图文混排";

参考具体demo：https://gitee.com/openharmony-sig/ohos_danmaku_flame_master/blob/be12f3856eec762909984958bab728b4d30d3112/entry/src/main/ets/pages/Index.ets

针对HarmonyOS 鸿蒙Next视频弹幕Demo参考需求，以下是一个简要的实现思路，不涉及具体代码实现，但会指导你如何构建包含用户头像（网络图片）、用户昵称、弹幕文案的弹幕系统。

首先，由于@ohos.danmakuflamemaster库不支持图片，你需要自定义弹幕组件。这可以通过创建一个自定义的CustomDanmakuView来实现，该视图可以包含Image组件用于显示用户头像，Text组件用于显示用户昵称和弹幕文案。

实现步骤：

  1. 创建一个自定义的CustomDanmakuView，继承自Component或相关视图类。
  2. 在CustomDanmakuView中，添加Image和Text组件，并设置布局以显示头像、昵称和文案。
  3. 实现网络图片加载，可以使用鸿蒙提供的网络请求库或第三方库。
  4. 创建一个弹幕管理器，负责控制弹幕的显示逻辑，包括位置、速度、透明度等。
  5. 将自定义的CustomDanmakuView添加到视频视图上方，并根据弹幕数据动态创建和显示弹幕。

如果问题依旧没法解决请联系官网客服，官网地址是：https://www.itying.com/category-93-b0.html

回到顶部