# media-process-web

**Repository Path**: bugrequiem/media-process-web

## Basic Information

- **Project Name**: media-process-web
- **Description**: 音视频处理前端
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-10-11
- **Last Updated**: 2024-12-05

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

    # 编辑状态数据结构

```json
{
    "canvas": {
        "scale": "16:9",
        "backgroundColor": "#212123",
        "backgroundBlur": 0.5
    },
    "exportParams": {
        "type":"audio/video",
        "audioParams": {
                "sampleRate": 16000,
                "sampleBits": 32,
                "format":"mp3"
           },
          "videoParams": {
                "resolution": "1920×1080",
                "Bitrate": ,
                "frameRate": 60
                "format":"mp4"
           }
    },
    "timeaxis": {
        "totalTime": "totalTime"
    },
    "videoClips": [
        {
            "source": "path/to/vedio",
            "rotation": 90,
            "translation": {
                "x": 0.1,
                "y": 0.2
            },
            "track:": 0,
            "transparency": 0.5,
            "durationInResource": {
                "startTime": "startTime",
                "endTime": "endTime"
            },
            "durationInTimeaxis": {
                "startTime": "startTime",
                "endTime": "endTime"
            },
            "isDetached": true
        }
    ],
    "audioClips": [
        {
            "source": "path/to/audio",
            "track": 1,
            "vol": 1.0,
            "durationInResource": {
                "startTime": "startTime",
                "endTime": "endTime"
            },
            "durationInTimeaxis": {
                "startTime": "startTime",
                "endTime": "endTime"
            },
            "isDetached": true
        }
    ],
    "texts": [
        {
            "attribute": {
                "font": "text font",
                "size": 14,
                "color": "#121212"
            },
            "position": {
                "x": 0.3,
                "y": 0.1
            },
            "durationInimeaxis": {
                "startTime": "startTime",
                "endTime": "endTime"
            }
        }
    ],

}
```

- 最上层字段解释
  
    | 字段             | 含义     |
    | ---------------- | -------- |
    | **canvas**       | 画布属性 |
    | **videoClips**   | 视频片段 |
    | **audioClips**   | 媒体片段 |
    | **texts**        | 文本字幕 |
    | **exportParams** | 导出参数 |

- `canvas`内部属性解释
  
    | 字段                | 含义     |
    | ------------------- | -------- |
    | **scale**           | 画布比例 |
    | **backgroundColor** | 背景颜色 |
    | **backgroundBlur**  | 背景模糊 |

- `video-clips`内部属性解释
  
    | 字段                   | 含义                   |
    | ---------------------- | ---------------------- |
    | **source**             | 视频片段的源视频       |
    | **rotation**           | 相对于画布的旋转角度   |
    | **translation**        | 相对于画布的平移       |
    | **track**              | 所处的时间轴轨道       |
    | **transparency**       | 透明度                 |
    | **durationInResource** | 相对于源视频的起止时间 |
    | **durationInTimeaxis** | 相对于时间轴的起止时间 |
    | **isDetached**         | 是否音视频分离         |

- `audio-clips`内部属性与`video-clips`同名属性基本一致
  
    | 字段    | 含义 |
    | ------- | ---- |
    | **vol** | 音量 |

- `texts`内部属性解释
  
    | 字段          | 含义                 |
    | ------------- | -------------------- |
    | **attribute** | 文本的基本属性       |
    | **position**  | 文本相对于画布的位置 |

- `exportParams`内部属性解释
  
    | 字段          | 含义                 |
    | ------------- | -------------------- |
    | **type** | 导出文件类型(视频/音频)       |
    | **audioParams**  | 导出音频属性参数 |
    | **videoParams**  | 导出视频属性参数 |

- `audioParams`内部属性解释
  
    | 字段          | 含义                 |
    | ------------- | -------------------- |
    | **sampleRate** |  音频采样率      |
    | **sampleBits**  | 音频采样位数 |
    | **format**  | 音频导出格式 |

- `videoParams`内部属性解释

    | 字段          | 含义                 |
    | ------------- | -------------------- |
    | **resolution** |  视频分辨率      |
    | **Bitrate**  | 视频码率 |
    | **frameRate**  | 视频帧率 |
    | **format**  | 视频导出格式 |