minihuabei的博客

先创建mongo数据库xc_media创建表media_file表注意不需要添加表记录上边的记录是我上传文件自己添加的记录注意：需要创建数据库的用户fyf和密码123456，并指定权限参考：https://blog.csdn.net/minihuabei/article/details/118335054...

6.3.5.5 合并分块在Service 中定义分块合并分块方法，功能如下：1）将块文件合并2）校验文件md5是否正确3）向Mongodb写入文件信息//合并块文件 //合并文件 public ResponseResult mergechunks(String fileMd5, String fileName, Long fileSize, String mimetype, String fileExt) { //1、合并所有分块 //得到分块文

6.3.5.4 上传分块在Service 中定义分块上传分块方法 //上传分块 public ResponseResult uploadchunk(MultipartFile file, String fileMd5, Integer chunk) { //检查分块目录，如果不存在则要自动创建 //得到分块目录 String chunkFileFolderPath = this.getChunkFileFolderPath(fileMd5);

6.3.5.3 分块检查在Service 中定义分块检查方法： //分块检查 //得到块文件所属目录路径 private String getChunkFileFolderPath(String fileMd5){ return upload_location + fileMd5.substring(0,1) + "/" + fileMd5.substring(1,2) + "/" + fileMd5 + "/chunk/"; } /**

6.3.5媒资服务端编写6.3.5.1 业务流程服务端需要实现如下功能：1、上传前检查上传环境检查文件是否上传，已上传则直接返回。检查文件上传路径是否存在，不存在则创建。2、分块检查检查分块文件是否上传，已上传则返回true。未上传则检查上传路径是否存在，不存在则创建。3、分块上传将分块文件上传到指定的路径。4、合并分块将所有分块文件合并为一个文件。在数据库记录文件信息。6.3.5.2 上传注册由于上传过程复杂，开发时按业务流程分别实现。1、配置application.ym

6.3.4 Api接口定义文件上传的Api接口，此接收是前端WebUploader调用服务端的接口。编写此接口需要参数前端WebUploader应用代码。@Api(value = "媒资管理接口",description = "媒资管理接口，提供文件上传、处理等接口")public interface MediaUploadControllerApi { //文件上传前的准备工作,校验文件是否存在 @ApiOperation("文件上传注册") public Respons

6.3.3 前端页面上传文件的页面内容参考：“资料”–》upload.vue文件6.3.3.1 WebUploader介绍如何在web页面实现断点续传？常见的方案有：1、通过Flash上传，比如SWFupload、Uploadify。2、安装浏览器插件，变相的pc客户端，用的比较少。3、Html5随着html5的流行，本项目采用Html5完成文件分块上传。本项目使用WebUploader完成大文件上传功能的开发，WebUploader官网地址：http://fexteam.gz01.bd

6 媒资管理前边章节完成在线视频播放，如何实现点击课程计划播放视频呢，课程视频如何管理呢？本节开始将对课程视频进行管理。6.1需求分析媒资管理系统是每个在线教育平台所必须具备的，百度百科对它的定义如下：每个教学机构都可以在媒资系统管理自己的教学资源，包括：视频、教案等文件。目前媒资管理的主要管理对象是课程录播视频，包括：媒资文件的查询、视频上传、视频删除、视频处理等。媒资查询：教学机构查询自己所拥有的媒体文件。视频上传：将用户线下录制的教学视频上传到媒资系统。视频处理：视频上传成功，系统

4 搭建学习中心前端学成网学习中心提供学生在线学习的各各模块，上一章节测试的点播学习功能也属于学习中心的一部分，本章节将实现学习中心点播学习的前端部分。之所以先实现前端部分，主要是因为要将video.js+vue.js集成，一部分精力还是要放在技术研究。4.1 界面原型先看一下界面原型，如下图，最终的目标是在此页面使用video.js播放视频。4.2 创建学习中心工程学习中心的用户是学生，为了便于系统维护和扩展，单独创建学习中心工程：1、从资料目录拷贝xc-ui-pc-leanring.z

3 播放器3.1 技术选型视频编码后要使用播放器对其进行解码、播放视频内容。在web应用中常用的播放器有flash播放器、H5播放器或浏览器插件播放器，其中以flash和H5播放器最常见。flash播放器：缺点是需要在客户机安装Adobe Flash Player播放器，优点是flash播放器已经很成熟了，并且浏览器对flash支持也很好。H5播放器：基于h5自带video标签进行构建，优点是大部分浏览器支持H5，不用再安装第三方的flash播放器，并且随着前端技术的发展，h5技术会越来越成熟

2.2 生成m3u8/ts文件使用ffmpeg生成 m3u8的步骤如下：第一步：先将avi视频转成mp4ffmpeg.exe ‐i lucene.avi ‐c:v libx264 ‐s 1280x720 ‐pix_fmt yuv420p ‐b:a 63k ‐b:v 753k ‐r 18 .\lucene.mp4下面把各参数意思大概讲讲，大概了解意思即可，不再此展开流媒体专业知识的讲解。-c:v 视频编码为x264 ，x264编码是H264的一种开源编码格式。-s 设置分辨率-pix_fm

2.2 FFmpeg 的基本使用我们将视频录制完成后，使用视频编码软件对视频进行编码，本项目 使用FFmpeg对视频进行编码 。FFmpeg被许多开源项目采用，QQ影音、暴风影音、VLC等。下载：FFmpeg https://www.ffmpeg.org/download.html#build-windows下载 ：ffmpeg-20180227-fa0c9d6-win64-static.zip，并解压，本教程将ffmpeg解压到了F:\devenv\edusoft\ffmpeg-201802

2 视频编码2.1 视频编码格式详情参考 ：https://baike.baidu.com/item/%E8%A7%86%E9%A2%91%E7%BC%96%E7%A0%81/839038首先我们要分清文件格式和编码格式：文件格式：是指.mp4、.avi、.rmvb等 这些不同扩展名的视频文件的文件格式 ，视频文件的内容主要包括视频和音频，其文件格式是按照一 定的编码格式去编码，并且按照该文件所规定的封装格式将视频、音频、字幕等信息封装在一起，播放器会根据它们的封装格式去提取出编码，然后由播放

1 在线学习需求分析1.1 需求描述学成在线作为在线教育网站，提供多种学习形式，包括：录播、直播、图文、社群等，学生登录进入学习中心即可在线学习，本章节将开发录播课程的在线学习功能，需求如下：1、学生可以在windows浏览器上在线观看视频。2、播放器具有快进、快退、暂停等基本功能。3、学生可以方便切换章节进行学习。什么是录播课程？录播课程就是提供录制好课程视频，供用户在线点播，反复学习。课程视频如何管理？媒资管理系统专门来管理课程视频，用户视频文件上传到媒资系统，并对视频进行编码处理