quick-media

多媒体处理web服务

mult-media process Web Service by FFMPEG & ImageMagic & SpringMVC

本项目为一个提供图片 + 音频 + 视频处理的Web项目，我们的目标是封装一套多媒体文件处理的公共类库，简化各种复杂的调用

利用 spring-boot 来提供http接口实现多媒体的操作

I. 项目分析

1. 技术栈

• spring-boot
• ffmpeg
• imageMagic
• zxing
• batik

2. 结构分析

目前项目主要结构区分为web/plugins两个模块，

web

• 根据spring-boot可以迅速搭建一个web服务，提供http接口用于功能测试
• 内部集成了一个简单的web网站，打开: https://zbang.online/webs 查看
• 内部实现了小程序【图文小工具】的后端逻辑

plugins

插件工程，根据不同的场景，支持不同的服务功能，目前将所有的插件抽象出来，可以独立作为工具包提供给第三方依赖，外部使用方式

添加源：

<repositories>
    <repository>
        <id>yihui-maven-repo</id>
        <url>https://raw.githubusercontent.com/liuyueyi/maven-repository/master/repository</url>
    </repository>
</repositories>

audio-plugin

提供音频转码服务，使用依赖如下，详细查看: audio-plugin说明

<dependency>
    <groupId>com.github.hui.media</groupId>
    <artifactId>audio-plugin</artifactId>
    <version>1.0</version>
</dependency>

date-plugin

提供时间戳、日期转换为农历日期，详细查看：date-plugin说明

<dependency>
    <groupId>com.github.hui.media</groupId>
    <artifactId>date-plugin</artifactId>
    <version>1.0</version>
</dependency>

image-plugin

提供图片合成，提供gif图片生成等图片操作的封装类，详细查看： image-plugin说明

<dependency>
    <groupId>com.github.hui.media</groupId>
    <artifactId>image-plugin</artifactId>
    <version>1.0</version>
</dependency>

markdown-plugin

markdown转html，转图片的封装类

<dependency>
    <groupId>com.github.hui.media</groupId>
    <artifactId>markdown-plugin</artifactId>
    <version>1.0</version>
</dependency>

phantom-plugin

提供根据phantomjs渲染html的封装

<dependency>
    <groupId>com.github.hui.media</groupId>
    <artifactId>phantom-plugin</artifactId>
    <version>1.0</version>
</dependency>

qrcode-plugin

提供二维码生成和解析的封装，详细查看: qrcode-plugin使用说明

<dependency>
    <groupId>com.github.hui.media</groupId>
    <artifactId>qrcode-plugin</artifactId>
    <version>1.0</version>
</dependency>

svg-plugin

提供svg文档的渲染，输出图片的封装，详细查看: svg-plugin使用说明

<dependency>
    <groupId>com.github.hui.media</groupId>
    <artifactId>svg-core</artifactId>
    <version>1.0</version>
</dependency>

imagic-plugin

基于imagic-magic实现的图片编辑插件封装，详细查看: imagic-plugin使用说明

<dependency>
    <groupId>com.github.hui.media</groupId>
    <artifactId>imagic-core</artifactId>
    <version>1.0</version>
</dependency>

II. 已支持服务

1. 音频转码

• 音频不同格式的相互转码

2. 二维码生成 & 解析

• 二维码生成
• 个性二维码生成
  • 支持logo
  • 支持logo样式 （圆角logo， 边框）
  • 支持二维码颜色设置
  • 支持探测图形颜色设置
  • 支持背景图
  • 支持base64格式的二维码图片
  • 支持二维码定制绘制信息样式
  • 三角形
  • 矩形
  • 五边形 （五角星待支持）
  • 六边形
  • 八边形
  • 圆
  • 自定义图片
• 二维码信息解析

查看更多二维码详情

3. 图片

• 长图文生成
  • 水平文字，上下布局长图文生成
  • 垂直文字，左右布局长图文生成
  • 第三方字体支持
• markdown 转 image
  • markdown 转 html
  • html 转 image
  • 利用phantomjs实现html转image
• gif图生成
• 合成
  • 图片合成支持
• 水印
• svg渲染
• 裁剪
• 压缩
• 旋转
• 缩放
• 格式转换

查看更多图片服务详情

4. 视频相关

• 视频压缩
• 转码
• 截取
• 码率调整
• 生成gif

III. 阶段记录

1. v0.001

   • 实现音频转码服务
   • 实现二维码基础服务，完成基于zxing的二维码深度定制

2. v0.002

   • 重写zxing的二维码渲染逻辑，只使用二维码矩阵的生成逻辑，支持二维码的全面定制化

3. v0.003

   • 长图文生成的支持

4. v0.004

   • markdown 语法文本转html， 转image

5. v0.005

   • fix markdown 转图片中文乱码
   • 图片合成服务支持
   • 微信小程序（图文小工具）服务端源码

6. v0.006

   • svg渲染支持
   • 利用phantomjs实现html渲染
   • 实现应用网站搭建

7. v0.007

   • 结构调整

8. v0.008

   • 实现imagic-plugin插件，封装imagic-magic使用姿势
   • 完成图片旋转、裁剪、压缩等基本功能

IV. 文档

• 音频转码服务说明
• 二维码生成解析服务说明
• 二维码服务拓展说明
• 二维码生成深度定制
• 长图文生成支持
• 竖排长图文生成支持
• markdown 转 html
• html 转 image
• 图片合成支持
• 利用phantomjs实现html转image

问题记录汇总

• 图片旋转不生效问题
• markdonw转图片中文乱码问题
• 兼容ImageIO读取jpeg图片变红
• Batik渲染png图片异常的bug修复

V. 其他

声明

尽信书则不如，已上内容，纯属一家之言，因本人能力一般，见识有限，如发现bug或者有更好的建议，随时欢迎批评指正，我的微博地址: 小灰灰Blog

扫描关注

公众号&博客

打赏码

实例演示

0. 应用网站

基于thymeleaf实现的前端演示网站，相关代码写在本工程中：

• Z+ : https://zbang.online/webs

使用react.js重构后的前端网站，实现前后端分离，前端网页借助gitee的pages直接部署，测试链接

• Z+ | web : http://liuyueyi.gitee.io/zweb

web实际演示图:

1. 小程序

以本项目提供的基本服务为蓝本，写了一个简单的小程序，欢迎各位小伙伴尝鲜

后端服务都在本项目中，包目录 :

com.hust.hui.quickmedia.web.wxapi

有很多东西直接写死了，不太友好，欢迎板砖