开源中国 2018 年度最后一场技术盛会邀你来约~错过就要等明年啦!点此立即预约

六月 / quick-mediaJava

指数
0
Watch 14 Star 27 Fork 13
加入码云
与超过 300 万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
mult-media support web service (多媒体处理的web服务) 展开 收起

  • Java 47.4%
  • JavaScript 36.8%
  • CSS 12.7%
  • HTML 2.7%
  • Shell 0.4%
Loading...
README.md

quick-media

Join the chat at https://gitter.im/quick-media/Lobby Builder Average time to resolve an issue Percentage of issues still open

多媒体处理web服务

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

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

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

使用说明

在下载本项目之后,有些常见事项需要注意一二

  • 工程中使用lombok简化大量的代码,因此使用idea的童鞋请装一下lombok的插件

  • 运行时,如果报某些依赖找不到,请在父pom文件中添加源

    <repositories>
        <repository>
            <id>yihui-maven-repo</id>
            <url>https://raw.githubusercontent.com/liuyueyi/maven-repository/master/repository</url>
        </repository>
    </repositories>
    
  • 部分插件依赖第三方库,如 ffmpge, phantomjs, image-magic,请确保已经安装

I. 项目分析

1. 技术栈

  • spring-boot
  • ffmpeg
  • ImageMagic
  • zxing
  • batik
  • flexmark
  • phantomjs

2. 结构分析

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

web

  • 根据spring-boot可以迅速搭建一个web服务,提供http接口用于功能测试
  • 内部集成了一个简单的web网站,打开: http://media.hhui.top:8080/media/webs 查看
  • 使用ReactJS,前后端分离,写了一个更友好的网站,打开: https://zweb.hhui.top/#/index 查看
  • 内部实现了小程序【图文小工具】的后端逻辑

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.1</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.1</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.1</version>
</dependency>

qrcode-plugin

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

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

svg-plugin

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

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

imagic-plugin

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

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

II. 已支持服务

1. 音频转码

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

2. 二维码生成 & 解析

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

查看更多二维码详情

3. 图片

查看更多图片服务详情

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. 文档

问题记录汇总

V. 其他

其他

拒绝单机,欢迎start或者加好友支持

声明

尽信书则不如,已上内容,一家之言,因个人能力有限,难免有疏漏和错误之处,如发现bug或者有更好的建议,欢迎批评指正,不吝感激

  • 微博地址: 小灰灰Blog
  • QQ: 一灰灰/3302797840
  • WeChat: 一灰/liuyueyi25

扫描关注

公众号&博客

QrCode

打赏码

pay


实例演示

0. 应用网站

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

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

web实际演示图:

demo

1. 小程序

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

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

com.hust.hui.quickmedia.web.wxapi

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

项目点评 ( 0 )

你可以在登录后,发表评论

搜索帮助