# chrome音频控制器

**Repository Path**: yik/video-control

## Basic Information

- **Project Name**: chrome音频控制器
- **Description**: 检测视频并提供音量控制（目前仅针对于chrome）
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-09-27
- **Last Updated**: 2024-09-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 智能音量控制器 Chrome 扩展

## 介绍

智能音量控制器是一个 Chrome 浏览器扩展，旨在为用户提供更好的音频控制体验。它可以检测网页上的视频和音频元素，并提供一个直观的音量控制界面，允许用户精确调节音量，甚至将音量提升到 1000% 。

主要特点：
- 自动检测网页中的视频和音频元素
- 提供可拖动的音量控制器
- 支持将音量控制在 0% ~ 1000% 
- 记住用户的音量设置
- 简洁美观的用户界面

## 使用方法

1. 安装扩展：
   - 下载本项目的源代码
   - 打开 Chrome 浏览器，进入扩展管理页面（chrome://extensions/）
   - 开启"开发者模式"
   - 点击"加载已解压的扩展程序"，选择项目文件夹

2. 使用扩展：
   - 访问任何包含视频或音频的网页
   - 音量控制器图标会自动出现在页面右下角
   - 将鼠标悬停在图标上，会显示音量控制面板
   - 使用滑块调节音量，可以将音量调节到 100% 以上
   - 点击"暂时关闭"可以隐藏控制器
   - 拖动图标可以调整控制器的位置

3. 注意事项：
   - 音量设置会被记住，下次访问时会自动应用
   - 如果控制器没有自动出现，请刷新页面

## 目录结构

```
├── icons/                  # 图标文件夹
│   ├── icon16.svg
│   ├── icon48.svg
│   └── icon128.svg
│
├── volumeControl/          # 音量控制模块
│   ├── createVolumeControl.js  # 创建音量控制器
│   ├── domObserver.js      # DOM 观察器
│   ├── dragHandler.js      # 处理拖拽功能
│   ├── main.js             # 主模块
│   ├── positionUpdater.js  # 位置更新器
│   ├── utils.js            # 工具函数
│   └── volumeControl.js    # 音量控制逻辑
│
├── background.js           # 后台脚本
├── content.css             # 样式文件
├── content.js              # 内容脚本入口
├── manifest.json           # 扩展配置文件
└── README.md               # 项目说明文件
```