# 花花直播助手小功能附属

**Repository Path**: maoyvna/huahu

## Basic Information

- **Project Name**: 花花直播助手小功能附属
- **Description**: No description available
- **Primary Language**: JavaScript
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2025-06-02
- **Last Updated**: 2025-06-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

###  **花花直播助手小功能附属** 


#### 介绍

花花直播助手是一款专为直播设计的工具，主要用于，帮助主播更好直播，提升直播效果。
此为弹幕点歌功能的附属，歌词显示样式

#### 使用说明

1.css代码
     需要在obs的源css自定义中复制全部代码进去

2.html文件
     需要下载之后直接双击浏览器打开，然后剪切链接地址复制进obs进行浏览器捕捉

### 软件主体
     
[哔站主页](https://space.bilibili.com/1283568884?spm_id_from=333.1387.follow.user_card.click)
[哔站工坊](https://gf.bilibili.com/item/detail/1105903098?noTitleBar=1&from=mall-up_itemDetail&msource=comments_1283568884_cont-1-703215654&track_id=__BGMT__)
[爱发电](https://afdian.com/a/huahualive)

#### 参与贡献
    作者：花花


### **注意事项** 

     所有代码均由AI编写，可能存在bug。我只负责提供想法。
     使用须知，虽然代码由AI编写，但是还请遵守开源协议
     所以代码均开源gitee
     修改代码带来的问题不予解答，岸也不会
     仅提供给花花直播助手使用

一、功能介绍

1. 歌词样式彩虹渐变版

2.花花直播助手歌词显示html版
  

一，彩虹渐变使用方法，实现歌词样式的彩虹渐变效果

![输入图片说明](png/%E5%BD%A9%E8%99%B9%E6%B8%90%E5%8F%98.png)

1，找到css代码点进去复制

![输入图片说明](png/2.png)

2，进入obs，在点歌歌词的源里面填写css代码

![输入图片说明](png/3.png)

二，html版使用方法

![输入图片说明](png/html.png)

![输入图片说明](png/i2.png)

一、功能介绍

1，背景透明度-透明度调节

2，模拟频谱-频谱强度-假的频谱看起来酷一点

3，gif和图片上传功能-鸡肋功能纯纯为了好玩。

     1. 上传url链接或本地文件，url点一下加载媒体，清除媒体会清除图片或GIF并回到默认位置

     2.外框隐藏，隐藏图片外框。

     3.隐藏外框和图片，对于不喜欢这个的实现一键隐藏

4，工能都使用obs'交互控制（上传图片也可以，浏览器也行）

二、使用方法

1，前往上面获取html文件

2，推荐使用下载压缩包，代码大概2000行复制起来可能比较费劲

![输入图片说明](png/i3.png)

3，下载解压找到html文件双击运行即可

4，复制url进obs捕捉浏览器即可

![输入图片说明](png/i4png.png)

5，点击刚刚创建的源，点击交互界面即可控制（可能一点小）记得点x取消控制显示，推荐宽高比16：9

![输入图片说明](png/i6.png)