上次项目我们分的是图片网站，原本想的是加一个视频播放的功能嘞，但是奈何我们组就一个后端，三个前端，视频播放并不是我们网站的必要功能，所以就没去实现，但是项目结束了，闲着没事就看了一下弹幕的实现方式,在b站搜到了一个使用canvas实现弹幕的方法，看到人家的代码才知道自己写的代码有多low，人家写的代码是真的将功能分离，后期的可维护性和拓展性大大加强了。这里就来分
转载
2023-09-27 10:19:34
207阅读
（娉按：FP这个软件我现在都很少用了~功能的确比DW少了不少）
，这个软件只能支持单行文字，一出现多行文字它就无能为力了，而且它只能支持一行滚动！(如果出现只能滚动一行的情况，解决办法是把这段代码嵌入到JavaScript的document.write里面，请看下面例d的详细说明)Dreamweaver也只能用编写HTML代码的方法。所以强烈建议用记事本打开网页源代码来编辑。
转载
2023-09-17 07:39:49
53阅读
废话不多说，先上代码：弹幕 *{
margin: 0;
padding: 0;
}
html,body{
/* 自适应高度 */
width: 100%;
height: 100%;
}
#main{
width: 100%;
height: 100%;
/*背景色线性变化*/
background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(#A
转载
2023-11-17 22:05:35
123阅读
一、script，css，url中引用外部资源，省略http或者https直接以//开头 二、通用代码风格： 1. 缩进两个空格 2. 只使用小写，包括标签名、属性名、属性值 3. 移除结尾多余的空格 三、通用Meta规则 1. 确保你的IDE使用的是UTF-8编码来保存文件的，且不要带上BOM 2. 在需要地地方进行注释 3. 用
转载
2023-07-21 17:07:31
181阅读
HTML.CSS实用css有三种格式：内嵌；内联；外部；分类：内联：写在标记的属性位置，优先级最高，重用性最差内嵌：写在页面的head中，优先级第二，重用性一般外部：写在一个以css结尾的文件中，通过引用来建立文件与html页面的关系，优先级最低，但是最灵活最好用，重用性最好。经常用的就是内联和外部。外部的话需要引用。选择器：id选择器：#id，优先级最高，只能选中一个元素class选择器：.cl
转载
2023-11-28 09:21:47
95阅读
全屏弹幕<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>弹幕效果</title>
<style>
/* 设置弹幕的样式 */
.bullet {
position:
转载
2023-08-10 22:00:18
365阅读
这次给大家带来怎样用HTML实现滚动弹幕功能，HTML实现滚动弹幕功能的注意事项有哪些，下面就是实战案例，一起来看一下。主要的功能有；发送弹幕，设置弹幕的颜色，速度和类型，显示弹幕已知缺陷：不能全屏canvas没有做自适应没有自定义播放器控件没有根据播放时间显示相应的弹幕弹幕不能实现悬停已知的缺陷以后会进行改进。网上能找到的弹幕播放器的源码一般只做了滚动的弹幕而没有做静止的弹幕，这里我特意加上了静
转载
2024-01-10 15:26:26
224阅读
弹幕时近几年新兴的一种技术，接下来我要展示的就是怎么实现类似弹幕的效果。先贴下效果图：说是效果，要拿出去用肯定是不行的。先说一下是怎么样的实现方法。弹幕肯定是出现在屏幕上，所以我们暂时把出现弹幕的窗口称为背景。弹幕肯定尽量不能重叠在一起，所以我把整个弹幕出现的背景划分为几块，如下图： 12345什么意思呢？就是这里有5条弹道，弹幕就是出现在这5条弹道之间的一条。具体划多少条弹道，每条弹道的宽度要看
转载
2023-12-14 11:03:15
142阅读
目录一、Hello CSS二、CSS语法三、选择器1、元素选择器2、id选择器3、类选择器4、同时根据元素名和类名来选择四、注释五、CSS文件六、CSS优先级七、CSS基础1、尺寸2、背景3、文本4、字体5、鼠标样式6、表格7、边框8、内边距9、外边距10、边框模型11、超链状态12、隐藏八、CSS布局1、绝对定位2、相对定位3、浮动4、显示方式5、水平居中6、左侧固定7、垂直居中8、左右固定9、
转载
2024-01-26 10:23:11
106阅读
在html中,引入css的方法主要有行内式、内嵌式、导入式和链接式4种1. 行内式 即在标记的style属性中设定css样式，这种方式本质上没体现出css的优势，因此不推荐使用。2. 嵌入式 在对页面中各种元素的设置集中写在<head>和</head>之间的，对于单个页面来说，这种方式很方便3
转载
2023-11-24 21:08:59
181阅读
文章目录效果预览物体移动弹幕发射子弹预制件倒计时场景切换手动换关自动进入下一关退出游戏音乐播放全局音乐音乐名的存放音乐控制/播放器音乐管理器创建音乐管理器实例按照路线走的发射弹幕机会追踪的弹幕发射机导出游戏导出报错解决 学校老师给了个主题是Ten Seconds，所以就写了一个弹幕游戏。 主题就是生存十秒，第一次写了一个完整的小游戏，之前的游戏都没有封面UI什么的，基本只实现了逻辑。 效果预
转载
2023-11-21 21:17:17
253阅读
# HTML5 弹幕
## 引言
弹幕是一种在视频播放过程中，用户可以发送实时评论和弹幕消息的功能。它在网络直播、在线游戏和社交媒体等领域中得到了广泛的应用。HTML5 弹幕是基于 HTML5 技术实现的一种新型弹幕形式，它能够实现更加丰富的弹幕效果和交互功能。
本文将介绍 HTML5 弹幕的原理和实现方式，并提供一些代码示例和演示。
## HTML5 弹幕原理
HTML5 弹幕的原理是
原创
2023-10-10 03:55:07
380阅读
1. HTML (index.html)<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<m
1.通用格式规范缩进： 一次缩进2个空格，不要使用 tab 或者混合 tab 和空格的缩进。大小写： 以下都应该用小写：HTML 元素名称，属性，属性值，CSS 选择器，属性，属性值。2.通用规范编码： 在 HTML 中通过 <meta charset="utf-8"> 指定编码方式，CSS 中不需要指定，因为默认是 UTF-8。注释：&nb
转载
2023-05-22 15:26:24
136阅读
废话不说，直接上代码：文末有彩蛋。package com.huqitong.spiderdanmu;import java.io.ByteArrayOutputStream;import java.io.IOException;import java.io.InputStream;import java.text.NumberFormat;import java.util.ArrayList;im
转载
2023-06-06 11:32:58
223阅读
首先要知道我们要做什么，要是茫无目的那就说明都做不了，我们这次的数据分析步骤：① 获取视频url② 获取视频cid③ 获取视频弹幕第一步：获取视频url解析我在弹幕里直接写了，可以自己看一看，我就不在博客里写了，不好排版Get_Url代码部分from bs4 import BeautifulSoup
from selenium import webdriver
url = 'http
转载
2023-10-17 22:39:27
197阅读
原理弹幕获取原理弹幕是储存在特定的页面上，根据视频的‘cid’可以获取页面位置，所以需要先获取视频的‘cid’，再打开弹幕页面，进而处理。其弹幕储存的页面url格式为: http://comment.bilibili.com/ cid .xml （网站一）那么如何根据BV号来确定cid呢？视频的很多数据都储存在某个特定网站，其中BV号就储存在其中其页面url为 https://api.bilibi
转载
2023-09-23 16:05:35
0阅读
Deprecated本仓库已废弃.本项目使用 Bilibili Web 协议, 随着 Bilibili 前端的更新, 已经无法正常使用.本项目仅提供 Bilibili 直播间的弹幕获取有关 API, 功能已被合并到新的项目 Bilibili API 中.新的项目使用 Bilibili Android 协议, 短时间内不会由于 Bilibili 的更新而不可用.新项目提供 Bilibili 所有 A
转载
2023-10-30 21:06:49
220阅读
HTML代码清除CSS和JS代码HTML代码清除CSS和JS代码(https://toolgg.com/htmljscssfilter.html)剥离html标签、css和js代码工具可帮助你剥离html标签js和css代码或任何你想要过滤的内容，只需输入你的正则表达式，将html转换为文本很容易，选中复选框即可获得结果。剥离html标签、css和js代码工具可帮助你剥离html标签js和css代
原创
2022-06-05 23:06:57
781阅读
有一个CSS框架，叫min.css，它号称是全世界最快的。难怪，它的代码就这一点。你看它的页面例子，像Bootstrap，但比后者轻多了，它只是一些CSS样式，没有JavaScript代码。min.css的组件有： 基本代码(必须)、标题、按钮、表单、导航栏、表格、图标、网格、消息框。对，这就是min.css的全部。1. 基本代码body,textarea,inpu
转载
2023-07-21 17:42:35
84阅读
