修改了普通弹幕运动的算法,新增了部分功能
原创 2023-06-01 09:44:28
199阅读
\src\components\Wave.vue <template> <div :style="{ height: waveAllHeight + 'px', background: bgColor }" class="wave"> <canvas id="wave1"></canvas> <ca ...
转载 2021-09-09 17:20:00
429阅读
2评论
使用VueCanvas、ElementUI实现的电子签字版,PC和移动端皆可用。效果如下: HTML <template> <section class="signature"> <div class="signatureBox"> <div class="canvasBox" ref="canv ...
转载 2021-09-14 11:01:00
422阅读
1点赞
2评论
三行情书的弹幕
原创 2023-12-05 10:20:59
72阅读
<template> <view class="content" v-if="isShow" @click.stop="is
原创 2022-09-12 00:27:46
364阅读
导读:弹幕的出现增加了视频观看者的深度参与感,弹幕也逐渐成为国内各大视频网站最基本的评论交互形式,本文将通过网易易盾在弹幕实现原理及交互方式方面的实践,具体介绍弹幕相较于传统聊天室的区别与实践经验,希望能为大家在弹幕系统设计方面带来一些借鉴。引言在 2022 年的今天,弹幕在国内的各大视频网站已经成为了一个最基本的评论交互形式,它为视频社交增添了很大的活力,然而这也给视频内容的审核工作带来了巨大挑
<template> <div> <div id="slide_unloack_wraper"> <canvas width="310" height="155" id="slide_unloack_wraper1"></canvas> <div id="slide_unloack_inner"> Read More
转载 2020-02-25 01:38:00
206阅读
2评论
0x00 : 前言近期因为工作原因着手分析某音协议,在做到直播间这步的时候通过抓包发现其直播间内弹幕数据为protobuf协议,之前用xposed做wx的时候虽然接触过,但在下从来都是只要结果的人,直接调用wx内部函数转成对象即可,谁理你什么格式,但现在做的既然是协议,那自然是无端可用,什么东西都要自己处理,这里分享一下记录的分析流程.0x01 : 准备工作在开始分析之前需要准备好:1.proto
方案背景 需求 需要对图片进行标注,导出图片。 需要标注N多图片最后同时保存。 需要根据多边形区域数据(区域、颜色、名称)标注。 对应方案 用canvas实现涂鸦、圆形、矩形的绘制,最终生成图片base编码用于上传 大量图片批量上传很耗时间,为了提高用户体验,改为只实现圆形、矩形绘制,最终保存成
转载 2018-11-03 15:05:00
1492阅读
2评论
以下是一个实现动态海洋和天空效果的 Vue 3 Composition API Hook,使用 Canvas 绘制动画效果:<script setup> import { ref, onMounted, onUnmounted } from 'vue' // 动态海洋和天空效果 Hook export function useOceanSky(canvasRef) { const
原创 2月前
205阅读
项目中涉及到弹幕功能,所以研究了一下平常直播中弹幕功能的实现,弹幕的UI是一个现成的UI类,不喜欢可自行编写,写好的架子放在底下链接中,先说一下UI的使用://弹幕view类 #import"BulletView.h" #import"BulletManager.h" #import "BulletBackgroudView.h" 引用到这几个类后可直接调用里面的方
转载 2024-01-20 12:14:26
41阅读
背景为了创造更好的多媒体体验,许多视频网站都添加了社交机制,使用户可以在媒体时间轴上的特定点发布评论和查看其他人的评论,其中一种机制被称为弹幕(dàn mù),在日语中也称为コメント(comment)或者弾幕(danmaku),在播放过程中,可能会出现大量评论和注释,并且直接渲染在视频上。弹幕最初是由日本视频网站Niconico(ニコニコ)引入的。在中国,除了在Bilibili和AcFun等弹幕
转载 2023-07-16 11:39:35
437阅读
Android开发类似直播APP的弹幕和悬浮窗播放功能闲来无事,最近自己查网上资料开发可以发送弹幕和悬浮窗播放功能的APP,写的不好,轻喷。一、弹幕功能主要使用哔哩哔哩的弹幕库进行开发的,可以发送自己输入的弹幕文字,还做了弹幕是否显示的开关。上代码:package com.barrage.barragetest.activity; import android.app.Activity; imp
要在视图中使用本地资源,您必须通过Webpack加载它们。
原创 2022-12-21 10:22:25
396阅读
随着B站逐渐崛起,其开源弹幕项目DanmakuFlameMaster应用场景也越来越多。我也是在一次偶然机会下发现了这个项目,被其惊艳的效果震撼。以前我就对弹幕技术很感兴趣,可能是因为B站动漫看多,几乎每一部番都是漫天的弹幕乱飞,如果哪部剧没有弹幕反而觉得不适应;久而久之就愈发倾向钻研其原理。       看到效果后,我猜想绘制原理应该是创建一个定时器作为全
前言在开发弹幕之前我也搜索了很多文章来借鉴,但由于太多布局都不是自己想要的,而且相关引入也无法使用,在最后决定开发自定义弹幕。在网上搜索了大量的自定义布局,B站的弹幕也有很多大佬扒出来使用,到最后我在种种因素下开发出来简陋的自定义弹幕。能满足相关需求。一.弹幕实体类一般来说弹幕会有头像,昵称,评论内容,点赞数组成,当然有的设计会没有昵称而是显示定位内容。因此我们需要一个相关的数据类去存储弹幕的数据
转载 2023-09-27 06:37:46
131阅读
最近,读完今年的第三本书《大话移动APP测试 Android与iOS》,在读到陈晔前辈改变中国测试行业的决心时,内心无比激动,作为一名初生的开发人员,我可能还无法理解测试行业的本质,但他那份通过分享改变现状的决心我深感共鸣。在此为每一位愿分享愿奉献的朋友点个赞!弹幕,国内流行于视频网站A站和B站。网上关于弹幕的实现方法有很多,目前Android平台已经有比较成熟的解决方案DanmakuFlameM
转载 2023-06-25 11:26:57
159阅读
纯JS实现基本弹幕效果实现步骤:第一种:1. html结构:<div class="boxDom" id="boxDom"> <div class="idDom" id="idDom"> <div class="content"> <p class="title">弹幕:</p> &lt
制作分数和生命的UI:由于我们前面没有做类似的UI所以这里教大伙一下基本思路:首先我们创建一个canvas用来创建两个Text用来显示分数和生命的UI蓝色的是分数黄色的是生命我们创建一个scoreplay的脚本挂载在text上using System.Collections; using System.Collections.Generic; using UnityEngine; using Un
转载 2024-03-08 11:26:30
139阅读
文章目录效果预览物体移动弹幕发射子弹预制件倒计时场景切换手动换关自动进入下一关退出游戏音乐播放全局音乐音乐名的存放音乐控制/播放器音乐管理器创建音乐管理器实例按照路线走的发射弹幕机会追踪的弹幕发射机导出游戏导出报错解决 学校老师给了个主题是Ten Seconds,所以就写了一个弹幕游戏。 主题就是生存十秒,第一次写了一个完整的小游戏,之前的游戏都没有封面UI什么的,基本只实现了逻辑。 效果预
转载 2023-11-21 21:17:17
256阅读
  • 1
  • 2
  • 3
  • 4
  • 5