首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Android弹幕功能实现,模仿斗鱼直播的弹幕效果

    而弹幕则无疑是直播功能当中最为重要的一个功能之一,那么今天,我就带着大家一起来实现一个简单的Android端弹幕效果。 分析 首先我们来看一下斗鱼上的弹幕效果,如下图所示: ?...实现弹幕效果 接下来我们开始实现弹幕效果。弹幕其实也就是一个自定义的View,它的上面可以显示类似于跑马灯的文字效果。...那么为了能够简单快速地实现弹幕效果,这里我就准备直接使用由哔哩哔哩开源的弹幕效果库DanmakuFlameMaster了。...虽说DanmakuView已经在正常工作了,但是屏幕上没有任何弹幕信息的话我们也看不出效果,因此我们还要增加一个添加弹幕消息的功能。...虽说现在我们已经成功实现了非常不错的弹幕效果,但其实这只是DanmakuFlameMaster库提供的最基本的功能而已。

    4.7K90

    Flutter 实现虎牙斗鱼 弹幕效果

    老孟导读:用Flutter实现弹幕功能,轻松实现虎牙、斗鱼的弹幕效果。...先来一张效果图: 实现原理 弹幕的实现原理非常简单,即将一条弹幕从左侧平移到右侧,当然我们要计算弹幕垂直方向上的偏移,不然所有的弹幕都会在一条直线上,相互覆盖。...,现创建一条最简单的文字弹幕: Text( text, style: TextStyle(color: Colors.white), ); 效果如下: 创建一条VIP用户的弹幕: Text(..., style: TextStyle(color: Colors.white, fontSize: 18), ), ], ), ), ); 效果如下...其实实现弹幕效果没有我开始想的那么简单,过程中也遇到了一些问题,不过好在最终都解决了, 献上Github地址: https://github.com/781238222/flutter-do/tree/

    1.3K20

    Android:简单的弹幕效果达到

    大家好,又见面了,我是全栈君 首先,效果图。分类似至360检测到的骚扰电话页面: 布局非常easy,上面是一个RelativeLayout,以下一个Button....功能: (1)弹幕生成后自己主动从右側往左側滚动(TranslateAnimation)。弹幕消失后立马被移除。 (2)弹幕位置随机出现。而且不反复(防止文字重叠)。...(4)自己定义先减速,后加速的Interpolator,弹幕加速进入、减速停留、然后加速出去。...1.Activity代码: /** * 简易弹幕效果实现 * Created by admin on 15-6-4. */ public class MainActivity extends ActionBarActivity...{ private MyHandler handler; //弹幕内容 private TanmuBean tanmuBean; //放置弹幕内容的父组件 private

    77210

    轻松又酷炫地实现弹幕效果——手把手教学

    ^_^ 现在越来越多的视频网站或者客户端支持弹幕功能,弹幕功能似乎也成了很多人的爱好,发弹幕,看弹幕成了大家吐槽、搞笑、发表看法的一种方式。 而国内弹幕的鼻祖应该就算A站和B站了。...弹幕(barrage),中文流行词语,原意指用大量或少量火炮提供密集炮击。而弹幕,顾名思义是指子弹多而形成的幕布,大量吐槽评论从屏幕飘过时效果看上去像是飞行射击游戏里的弹幕。...最近一直在写视频播放器,那弹幕怎么能少得了呢!所以把自己开发弹幕功能的思路写出来与大家分享。 依旧还是先上效果图: ?...View中根据弹幕绘制区域高度,除以itemView的高度,算出合理的弹幕行数(这里大家也理解了为什么在写适配器的时候要定义getSingleLineHeight()方法了)。...} } } } 这里注意: Adapter缓存过大要及时清理; 每隔16毫秒让itemView位置刷新一次,这样视觉效果好一些

    1.3K20

    轻松又酷炫地实现弹幕效果——手把手教学

    ^_^ 也可以关注我的公众号,搜索 安卓干货营 现在越来越多的视频网站或者客户端支持弹幕功能,弹幕功能似乎也成了很多人的爱好,发弹幕,看弹幕成了大家吐槽、搞笑、发表看法的一种方式。...而国内弹幕的鼻祖应该就算A站和B站了。 弹幕(barrage),中文流行词语,原意指用大量或少量火炮提供密集炮击。...而弹幕,顾名思义是指子弹多而形成的幕布,大量吐槽评论从屏幕飘过时效果看上去像是飞行射击游戏里的弹幕。 最近一直在写视频播放器,那弹幕怎么能少得了呢!所以把自己开发弹幕功能的思路写出来与大家分享。...依旧还是先上效果图: ?...这里注意: Adapter缓存过大要及时清理; 每隔16毫秒让itemView位置刷新一次,这样视觉效果好一些; 在setAdapter中开启线程 new Thread(new MyRunnable

    1.2K20

    2333333-弹幕,弹幕的正确打开方式!

    ,粗鲁但充满生命力的形式欢快的奔腾进了大众视野——“弹幕+影院”、“弹幕+音乐”、“弹幕+搜索”、“弹幕+教育”,甚至“弹幕+阅读”——在这一场场看似很美的亚文化和所谓的“弹幕社交”的胜利中,有多少人受到精神污染...就表现形式来说,弹幕包括普通表现形式(普通滚动字幕,顶端固定字幕和底端固定字幕)和神弹幕表现形式(利用普通模式制作的特殊弹幕效果,和高级弹幕制作的花样弹幕效果)。...一方面,如果你选择开启弹幕,过分的弹幕厚度自然会对用户的注意力造成干扰,乃至完全覆盖观赏内容,甚至弹幕评论之间互相拥挤造成了弹幕本身的阅读障碍,这也是为什么在土豆网刚刚引入弹幕时,一大堆人都在刷“**,...相较于内容补充性质的弹幕,「吐槽」、「空耳」这种对内容进行二次创作的形式门槛更低,往往能获得意想不到的传播效果,既挖掘了笑点,又在互相启发、添砖加瓦的过程中点燃了用户的观赏情绪,吸引了一批即便已经去过电影院...这里仅对弹幕进入公共场景下的表现和与阅读体验结合的可能性做简单探讨。 “弹幕+影院” 很容易想到,其实就是将弹幕从自家的电脑屏幕搬到了影院的大荧幕上。

    2.2K80

    效果像开了弹幕,对话记录可保存回溯

    明敏 发自 凹非寺 量子位 | 公众号 QbitAI AR眼镜字幕功能效果到底咋样? 实测来了! 不光语音能实时转成文字,还能分辨说话人主体,甚至还能把文字记录都保存好,方便以后回溯。...具体效果如何?往下看~ ‍有种开弹幕的感觉 体验的效果大概如下左图所示,会有一个对话框,里面将标注说话者及对应语音内容。...效果有点像平常用语音实时转文字的功能,在语音结束前,文本内容会一直有调整,最后等一段话说完,才会有个最终版本。 不过在对话情景下,两个人多聊一会,语音转写的速度会变慢一些。...以及语音转文字的效果,西蒙也提出了一点质疑。他表示,对于听障人士来说,需要文字作为参考信息的情景,很可能是比较嘈杂的场所,这对于语音识别的算法提出一定要求。...而他在体验XRAI这项功能时,公司CMO特意把他领到了比较安静的环境演示,并坦言在嘈杂环境中的效果还不是很好。

    1.9K20

    效果像开了弹幕,对话记录可保存回溯

    AR眼镜字幕功能效果到底咋样? 实测来了! 不光语音能实时转成文字,还能分辨说话人主体,甚至还能把文字记录都保存好,方便以后回溯。 2022年,一家来自英国的一家AR初创公司,大开了个脑洞。...具体效果如何?往下看~ 有种开弹幕的感觉 体验的效果大概如下左图所示,会有一个对话框,里面将标注说话者及对应语音内容。...效果有点像平常用语音实时转文字的功能,在语音结束前,文本内容会一直有调整,最后等一段话说完,才会有个最终版本。 不过在对话情景下,两个人多聊一会,语音转写的速度会变慢一些。...以及语音转文字的效果,西蒙也提出了一点质疑。他表示,对于听障人士来说,需要文字作为参考信息的情景,很可能是比较嘈杂的场所,这对于语音识别的算法提出一定要求。...而他在体验XRAI这项功能时,公司CMO特意把他领到了比较安静的环境演示,并坦言在嘈杂环境中的效果还不是很好。

    2K20

    前端弹幕实现

    正文 功能 弹幕文字各种样式:字体大小、字体类型、字体颜色(字体透明度) 弹幕展示速度 弹幕行高度 弹幕事件:鼠标左右点击事件、鼠标滑入滑出事件 调用方式如下: const div = document.createElement...在开始正式代码开发之前需要弄清楚这种方法实现的逻辑: 首先我们需要创建一个容器来承载弹幕元素,将监听函数写到这个容器上面 初始化弹幕信息(弹幕内容、样式、速度,同时判断对象是否是dom节点)、初始弹幕容器能够显示多少行...初始项目 这一步要做的事情有: 创建弹幕容器 向弹幕容器添加监听器,我们将所有弹幕节点的监听事件都委托到弹幕容器节点上面,减少内存占用 弹幕容器宽高存入state import React, { Component...dom 当弹幕展示完成以后我们需要将对应的弹幕dom从页面中移除,之前弹幕动画借助的是transition,因此我们可以通过监听transitionend事件 handleTransitionEnd =...结语 以上就基本完成了一个简单的弹幕功能,这里还有很多拓展还没有做或者由于篇幅问题没有展示,例如: 弹幕很多的时候我们如何控制弹幕速度 弹幕停止运动 屏幕变化如何控制弹幕显示的位置

    3.2K41

    浅谈弹幕的设计

    形式 单条弹幕的基本模式有三种: 滚动弹幕:自右向左滚动过屏幕的弹幕,以自上而下的优先度展示。 顶部弹幕:自上而下静止居中的弹幕、以自上而下的优先度展示。...底部弹幕:自下而上静止居中的弹幕、以自下而上的优先度展示。...这样带来的弊端是,当用户专注于视频时,互动区的交互效果是很差的;而当用户在看互动区的评论时,又没办法去关注整件事的主体内容,顾此失彼。...(倾斜向上的文字移动,让人没办法好好看字) 从用户体验角度出发——弹幕出现之后 弹幕出现后,我们的视角就集中到视频主体上,当弹幕出现时,如果是滚动弹幕,那么一般都是从右往左出发,非常适合我们的从左往右的阅读习惯...如果需要考虑弹幕的碰撞问题,一般有两种方法: 每个弹幕的速度都是相同的,所以也就不存在碰撞问题,但是效果非常死板。 每个弹幕的速度都是不一样的,但是需要解决碰撞问题。

    1.9K31
    领券