资讯专栏INFORMATION COLUMN

阿里云视频点播从小白到大咖

mingde / 1054人阅读

摘要:阿里云视频点播提供了完善的内容安全保护机制,可以满足不同业务场景的安全需求。使用方式参考阿里云视频加密阿里云视频加密。阿里云视频加密整体架构阿里云视频加密方案包含两部分加密转码解密播放。

阿里云视频点播技术能力盘点_阿里云Edge Plus的博客-CSDN博客

视频点播(ApsaraVideo for VoD)是集音视频采集、编辑、上传、自动化转码处理、媒体资源管理、分发加速于一体的一站式音视频点播解决方案。

  • 音视频采集:播放一个视频就是视频采集

  • 编辑:拍摄完成修改视频

  • 上传:上传服务器

  • 自动化转码处理:上传的是MP4格式,什么播放器都可以播放,而转码就是将MP4转成加密格式转成非MP4格式,只能由特殊的播放器播放,比如我们上传到阿里云,阿里云进行转码,转码之后只能由阿里云播放器进行播放

  • 媒体资源管理:加水印、设置模板

  • 分发加速:缓存加速

  • 一站式:全部功能都帮你完成

1.2应用场景

  • 音视频网站:无论是初创视频服务企业,还是已拥有海量视频资源,可定制化的点播服务帮助客户快速搭建拥有极致观看体验、安全可靠的视频点播应用。

  • 短视频:集音视频拍摄、特效编辑、本地转码、高速上传、自动化云端转码、媒体资源管理、分发加速、播放于一体的完整短视频解决方案。目前已帮助1000+APP快速实现手机短视频功能。

  • 直播转点播:将直播流同步录制为点播视频,用于回看。并支持媒资管理、媒体处理(转码及内容审核/智能首图等AI处理)、内容制作(云剪辑)、CDN分发加速等一系列操作。

  • 在线教育:为在线教育客户提供简单易用、安全可靠的视频点播服务。可通过控制台/API等多种方式上传教学视频,强大的转码能力保证视频可以快速发布,覆盖全网的加速节点保证学生观看的流畅度。防盗链、视频加密等版权保护方案保护教学内容不被窃取。

  • 视频生产制作:提供在线可视化剪辑平台及丰富的OpenAPI,帮助客户高效处理、制作视频内容。除基础的剪切拼接、混音、遮标、特效、合成等一系列功能外,依托云剪辑及点播一体化服务还可实现标准化、智能化剪辑生产,大大降低视频制作的槛,缩短制作时间,提升内容生产效率。

  • 内容审核:应用于短视频平台、传媒行业审核等场景,帮助客户从从语音、文字、视觉等多维度精准识别视频、封面、标题或评论的违禁内容进行AI智能审核与人工审核。

1.3 功能介绍

1.4 开通视频点播云平台

1.4.1 选择视频点播服务

产品->企业应用->视频云->视频点播

视频点播_音视频点播解决方案_视频转码_媒体资源管理系统-阿里云

1.4.2 开通视频点播

1.4.3 选择按使用流量计费

1.4.4 资费说明

https://www.aliyun.com/price/product?spm=a2c4g.11186623.2.12.7fbd59b9vmXVN6#/vod/detail

· 后付费

· 套餐包

· 欠费说明

· 计费案例:计费案例 - 视频点播 - 阿里云

1.4.5 整体流程

使用视频点播实现音视频上传、存储、处理和播放的整体流程如下:

  • 用户获取上传授权。

  • VoD下发 上传地址和凭证 及 VideoId。

  • 用户上传视频保存视频ID(VideoId)。

  • 用户服务端根据VideoId获取播放凭证。

  • VoD下发带时效的播放凭证。

  • 用户服务端根据VideoId将播放凭证下发给客户端完成视频播放。

1.5 视频点播服务的基本使用

完整的参考文档

阿里云帮助中心-阿里云,领先的云计算服务提供商

1.5.1 设置转码格式

阿里云登录 - 欢迎登录阿里云,安全稳定的云计算服务平台

选择全局设置 > 转码设置,单击添加转码模板组。

在视频转码模板组页面,根据业务需求选择封装格式和清晰度。

或直接将已有的模板设置为默认即可

1.5.2 分类管理

选择全局设置 > 分类管理

1.5.3 上传视频文件

选择媒资库 > 音视频,单击上传音视频

1.5.4 配置域名

音视频上传完成后,必须配一个已备案的域名,并完成CNAME绑定

得到CNAME

域名绑定CNAME文档:

阿里云(原万网)解析配置CNAME流程 - 视频点播 - 阿里云

1.5.5 在控制台查看视频

此时视频可以在阿里云控制台播放

1.5.6 获取web播放器代码

2. 使用服务端API&SDK

2.1简介

本文档介绍了点播服务的所有API列表,强烈推荐使用 服务端SDK 来调用API。使用API时,接入地址请参考 点播中心和访问域名,使用限制参考 点播使用限制

2.2 获取账户的AccessKey ID / Key

AccessKeyIdAccessKeySecret
LTAI4GGjnu53qcaoNMVj9k3T7nUkYU3IOVfoxkuA4ObOp1TE0OylAB

2.3 设置不转码

测试之前现在 全局设置->转码设置 中设置“不转码”,以节省开发成本

2.4 服务端API(了解)

使用说明 - 视频点播 - 阿里云

是需要我们自己写Http来请求访问;

参数:公共参数和私有参数

1、 获取播放凭证,2、获取播放地址;都需要有共同的参数这种叫公共参数;

2、 获取播放凭证独有的参数这种叫私有参数;

2.4.1 测试类:获取播放凭证!

2.4.2 api请求原理

查看控制台的日志输出

(1)CanonicalizedQueryString:将所有私有参数和公共参数按首字母顺序组装成url查询字符串

(2)StringtoSign:将参数和参数值按照规则编码,构造签名字符串

(3)Signature:使用SHA1算法计算签名字符串的HMAC值,并进行Base64编码,最后得到签名值(Signature)

(4)发送http请求:将签名值(Signature)附加到前面的QueryString的最后,向vod api服务器发送请求

注意:通过以上代码看出:在开发过程中如果使用API调用阿里云视频点播步骤繁琐,容易出现问题,一般不用;但是我们也要必须知道,因为现在还是有很多第三方开放开发API,我们使用第三方服务的时候需要使用API调用的;

2.5 服务端SDK(掌握)

2.5.1 简介

sdk的方式将api进行了进一步的封装,不用自己创建工具类。

我们可以基于服务端SDK编写代码来调用点播API,实现对点播产品和服务的快速操作。

2.5.2 功能介绍

· SDK封装了对API的调用请求和响应,避免自行计算较为繁琐的 API签名。

· 支持所有点播服务的API,并提供了相应的示例代码。

· 支持7种开发语言,包括:Java、Python、PHP、.NET、Node.js、Go、C/C++。

· 通常在发布新的API后,我们会及时同步更新SDK,所以即便您没有找到对应API的示例代码,也可以参考旧的示例自行实现调用。

2.5.3 安装

参考文档:安装 - 视频点播 - 阿里云

第一步:创建普通maven项目

第二步:添加maven仓库的配置和依赖到pom

    com.aliyun    aliyun-java-sdk-core    4.5.1    com.aliyun    aliyun-java-sdk-vod    2.15.10    com.google.code.gson    gson    2.8.2    junit    junit    4.12

配置repositories 下载地址

2.5.4 初始化

参考文档:初始化 - 视频点播 - 阿里云

根据文档示例创建 AliyunVideoSDKUtils.java

import com.aliyuncs.DefaultAcsClient;import com.aliyuncs.exceptions.ClientException;import com.aliyuncs.profile.DefaultProfile;​public class AliyunVideoSDKUtils {​    public static DefaultAcsClient initVodClient(String accessKeyId, String accessKeySecret) throws ClientException {        String regionId = "cn-shanghai";  // 点播服务接入区域        DefaultProfile profile = DefaultProfile.getProfile(regionId, accessKeyId, accessKeySecret);        DefaultAcsClient client = new DefaultAcsClient(profile);        return client;    }}

2.5.5 测试:获取播放地址!

创建 VodPlayAddressSDK.java

2.5.6 测试:获取播放凭证

package com.czxy.sdk;import com.aliyuncs.DefaultAcsClient;import com.aliyuncs.exceptions.ClientException;import com.aliyuncs.vod.model.v20170321.GetVideoPlayAuthRequest;import com.aliyuncs.vod.model.v20170321.GetVideoPlayAuthResponse;import com.czxy.util.AliyunVideoSDKUtils;​​public class AliyunSdkPlayAuth {​    /*获取播放凭证函数*/    public static GetVideoPlayAuthResponse getVideoPlayAuth(DefaultAcsClient client) throws Exception {        GetVideoPlayAuthRequest request = new GetVideoPlayAuthRequest();        request.setVideoId("视频ID");        return client.getAcsResponse(request);    }    /*以下为调用示例*/    public static void main(String[] argv) throws ClientException {        DefaultAcsClient client = AliyunVideoSDKUtils.initVodClient("LTAI4GGjnu53qcaoNMVj9k3T", "7nUkYU3IOVfoxkuA4ObOp1TE0OylAB");        GetVideoPlayAuthResponse response = new GetVideoPlayAuthResponse();        try {            response = getVideoPlayAuth(client);            //播放凭证            System.out.print("PlayAuth = " + response.getPlayAuth() + "/n");            //VideoMeta信息            System.out.print("VideoMeta.Title = " + response.getVideoMeta().getTitle() + "/n");        } catch (Exception e) {            System.out.print("ErrorMessage = " + e.getLocalizedMessage());        }        System.out.print("RequestId = " + response.getRequestId() + "/n");    }}​

2.5.7 播放地址和播放凭证的区别

如果你获取的是MP4格式的视频,可以通过获取播放地址直接播放

如果你获取的是加密的视频,只能通过阿里云专有的播放器才能够播放,此时获取播放地址没有意义,阿里专有的播放器,主要是通过视频ID和播放凭证 自动播放

3.视频安全概述

如何保障视频内容的安全,不被盗链、非法下载和传播,是众多企业困扰已久的问题,特别是独播剧、在线教育、财经金融、行业培训等在线版权视频领域尤为迫切,处理不好会造成极为严重的经济损失,甚至法律风险。

阿里云视频点播提供了完善的内容安全保护机制,可以满足不同业务场景的安全需求。

3.1 阿里云vod服务支持的视频安全策略

参考文档中的图表:文档-开发指南-视频安全

概述 - 视频点播 - 阿里云

3.2 阿里云视频加密

阿里云视频加密采用私有的加密算法和安全传输机制,提供云端一体的视频安全方案,核心部分包括 “加密转码” 和 “解密播放”。核心优势:

  • 每个媒体文件拥有独立的加密钥匙,能有效避免采用单一密钥时,一个密钥的泄露引起大范围的安全问题。

  • 提供信封加密机制“密文Key+明文Key”,仅密文Key入库,明文Key不落存储,所有过程只在内存中,用完即销毁。

  • 提供安全的播放器内核SDK,涵盖iOS/Android/H5/Flash多平台,自动对加密内容进行解密播放。

  • 播放器和云端使用私有加密协议进行密文传输,不传输明文Key,有效防止密钥被窃取。

  • 提供安全下载,缓存到本地的视频会再次加密,在确保无网离线播放前提下,防止视频被拷贝窃取。

使用方式参考 阿里云视频加密

注意事项

  • 视频加密只支持输出HLS格式

  • 需使用视频点播提供的iOS/Android/Flash播放器对加密内容进行解密播放,H5播放器不支持加密视频的播放。

3.3 阿里云视频加密整体架构

阿里云视频加密方案包含两部分:加密转码 + 解密播放。

3.4 加密&转码

  1. APP后台发起视频加密

业务方提交需要数据加密的转码作业。(用户将视频上传至oss服务器后,业务服务器会通过自动触发或主动发起的方式请求MTS进行转码)

  1. 视频点播获取加密秘钥

视频点播服务负责通过密钥管理服务KMS生成明文Key和密文Key。

  • 视频加密转码

    使用明文Key来加密视频文件,转码完成后,明文Key丢弃,不存储。

  • 转码完成+消息通知

    保存加密后的视频文件,并给业务方发送消息通知。(回调)

3.5 解密播放

  • 业务授权

移动端的APP或者Web页面访问视频时,先访问业务方自己的API或后端页面,业务方可以在这里加上自己的权限控制(例如需要登录才能播放, 建议使用HTTPS)。如果业务上允许播放,则通过业务方子账号的AK访问STS,获取播放凭证,并返回给APP/WEB端。

  • 获取播放地址

移动端的APP或者Web页面把播放凭证和媒体ID参数传给阿里云播放服务,播放器SDK会负责剩下的播放流程:根据媒体ID从视频点播服务获取对应的多格式、多清晰的播放地址;加密视频获取对应的加密钥匙。

  • 解密播放

视频云提供了安全的播放内核SDK,使用加密钥匙对内容解密,然后进行视频播放。

3.6 阿里云视频加密接入步骤

3.6.1 选择加密转码模板

登录视频点播控制台,选择全局设置>转码设置。

在视频转码模板组页面下,选择目标视频转码模板,单击编辑。

在高级参数下,打开HLS加密开关使用数据加密,保护您的视频。

这里分片时长设置的小一些,可以实现秒开秒播

3.6.2 视频上传

可以通过SDK上传、OpenAPI上传、控制台上传、OSS第三方工具上传等多种方式来将已有视频文件上传到视频点播

3.6.3 视频转码

视频上传完成后会自动触发转码,转码完成后视频状态标记为正常可播放

3.6.4 视频流管理

加密转码输出的内容,流信息会标示“加密”,具体参考播放信息 PlayInfo。在控制台也会展示”加密“标示,便于进行多种方式的内容管理。

3.6.5 视频播放

视频点播提供iOS/Android/Flash多平台的播放SDK供集成,以便用户在自己的应用或网站中完成视频播放。

说明:加密视频,需使用播放凭证方式进行播放,播放器需要的参数playauth,可调用API接口或SDK获取

4.SDK文件上传-播放

仔细看SDK文档:

Java上传SDK - 视频点播 - 阿里云

4.1 文件上传

4.2 环境要求

帮助文档地址:

SDK下载 - 视频点播 - 阿里云

Java版本1.8.0

以 1.4.12 版本为例,步骤如下:

1.下载Java示例代码VODUploadDemo-java-1.4.12.zip开发包(包含示例代码和所需jar包), 见 视频上传SDK下载 ;

2.将解压后lib目录下的所有jar文件拷贝至您的项目中;

3.SDK依赖的jar包版本说明

注意:以下列举出部分依赖jar包的版本,您可直接在您的项目中添加maven依赖,也可以将VODUploadDemo-java-1.4.12.zip包中的所有jar包引入您的项目中使用。其中,aliyun-java-vod-upload-1.4.12.jar 还未正式开源,请您直接引入jar包至您的项目中使用。

反向安装jar包:进入aliyun-java-vod-upload-1.4.12.jar所在目录,执行如下命令

mvn install:install-file -DgroupId=com.aliyun -DartifactId=aliyun-sdk-vod-upload -Dversion=1.4.12 -Dpackaging=jar -Dfile=aliyun-java-vod-upload-1.4.12.jar

在pom.xml 文件中引入依赖(注意防止有重复依赖):

    com.aliyun.oss    aliyun-sdk-oss    3.1.0    com.alibaba    fastjson    1.2.28    org.json    json    20170516    com.aliyun    aliyun-sdk-vod-upload    1.4.12

4.3 实例代码:

package com.czxy.sdk;​import com.aliyun.vod.upload.impl.UploadImageImpl;import com.aliyun.vod.upload.impl.UploadVideoImpl;import com.aliyun.vod.upload.req.UploadImageRequest;import com.aliyun.vod.upload.req.UploadVideoRequest;import com.aliyun.vod.upload.resp.UploadImageResponse;import com.aliyun.vod.upload.resp.UploadVideoResponse;​public class UploadVideoDemo {    //账号AK信息请填写(必选)    private static final String accessKeyId = "LTAI4GGjnu53qcaoNMVj9k3T";    //账号AK信息请填写(必选)    private static final String accessKeySecret = "7nUkYU3IOVfoxkuA4ObOp1TE0OylAB";​    public static void main(String[] args) {        //1.音视频上传-本地文件上传        //视频标题(必选)        String title = "测试标题";        //本地文件上传和文件流上传时,文件名称为上传文件绝对路径,如:/User/sample/文件名称.mp4 (必选)        //文件名必须包含扩展名        String fileName = "D://zx//01.avi";        //本地文件上传        testUploadVideo(accessKeyId, accessKeySecret, title, fileName);​        //2.图片上传-本地文件上传//        testUploadImageLocalFile(accessKeyId, accessKeySecret);    }​    /**     * 本地文件上传接口     *     * @param accessKeyId     * @param accessKeySecret     * @param title     * @param fileName     */    private static void testUploadVideo(String accessKeyId, String accessKeySecret, String title, String fileName) {        UploadVideoRequest request = new UploadVideoRequest(accessKeyId, accessKeySecret, title, fileName);        /* 可指定分片上传时每个分片的大小,默认为1M字节 */        request.setPartSize(1 * 1024 * 1024L);        /* 可指定分片上传时的并发线程数,默认为1,(注:该配置会占用服务器CPU资源,需根据服务器情况指定)*/        request.setTaskNum(1);        /* 是否开启断点续传, 默认断点续传功能关闭。当网络不稳定或者程序崩溃时,再次发起相同上传请求,可以继续未完成的上传任务,适用于超时3000秒仍不能上传完成的大文件。        注意: 断点续传开启后,会在上传过程中将上传位置写入本地磁盘文件,影响文件上传速度,请您根据实际情况选择是否开启*/        request.setEnableCheckpoint(false);​        UploadVideoImpl uploader = new UploadVideoImpl();        UploadVideoResponse response = uploader.uploadVideo(request);        System.out.print("RequestId=" + response.getRequestId() + "/n");  //请求视频点播服务的请求ID        if (response.isSuccess()) {            System.out.print("VideoId=" + response.getVideoId() + "/n");        } else {            /* 如果设置回调URL无效,不影响视频上传,可以返回VideoId同时会返回错误码。其他情况上传失败时,VideoId为空,此时需要根据返回错误码分析具体错误原因 */            System.out.print("VideoId=" + response.getVideoId() + "/n");            System.out.print("ErrorCode=" + response.getCode() + "/n");            System.out.print("ErrorMessage=" + response.getMessage() + "/n");        }    }​    /**     * 图片上传接口,本地文件上传示例     * 参数参考文档 https://help.aliyun.com/document_detail/55619.html     *     * @param accessKeyId     * @param accessKeySecret     */    private static void testUploadImageLocalFile(String accessKeyId, String accessKeySecret) {        // 图片类型(必选)取值范围:default(默认),cover(封面),watermark(水印)        String imageType = "cover";        UploadImageRequest request = new UploadImageRequest(accessKeyId, accessKeySecret, imageType);​        UploadImageImpl uploadImage = new UploadImageImpl();        UploadImageResponse response = uploadImage.upload(request);        System.out.print("RequestId=" + response.getRequestId() + "/n");        if (response.isSuccess()) {            System.out.print("ImageId=" + response.getImageId() + "/n");            System.out.print("ImageURL=" + response.getImageURL() + "/n");        } else {            System.out.print("ErrorCode=" + response.getCode() + "/n");            System.out.print("ErrorMessage=" + response.getMessage() + "/n");        }​​    }}​​

4.4 获取播放地址播放

参考文档:https://help.aliyun.com/document_detail/61064.html

前面的 2.5使用服务端SDK 介绍了如何获取非加密视频的播放地址。直接使用2.5.6节的例子获取加密视频播放地址会返回如下错误信息

Currently only the AliyunVoDEncryption stream exists, you must use the Aliyun player to play or set the value of ResultType to Multiple.

目前只有AliyunVoDEncryption流存在,您必须使用Aliyun player来播放或将ResultType的值设置为Multiple。

因此在testGetPlayInfo测试方法中添加 ResultType 参数,并设置为true

privateParams.put("ResultType", "Multiple");

此种方式获取的视频文件不能直接播放,必须使用阿里云播放器播放

4.4.1 视频播放器

参考文档:集成文档 - 视频点播 - 阿里云

4.4.2 视频播放器介绍

阿里云播放器SDK(ApsaraVideo Player SDK)是阿里视频服务的重要一环,除了支持点播和直播的基础播放功能外,深度融合视频云业务,如支持视频的加密播放、安全下载、清晰度切换、直播答题等业务场景,为用户提供简单、快速、安全、稳定的视频播放服务。

4.4.3 集成视频播放器

参考文档:https://help.aliyun.com/document_detail/51991.html

参考 【播放器简单使用说明】一节

                   用户测试用例                          
           

4.4.4 播放地址播放

在Aliplayer的配置参数中添加如下属性

//播放方式一:支持播放地址播放,此播放优先级最高,此种方式不能播放加密视频

source : "你的视频播放地址",

启动浏览器运行,测试视频的播放

4.4.5 播放凭证播放(推荐)

阿里云播放器支持通过播放凭证自动换取播放地址进行播放,接入方式更为简单,且安全性更高。播放凭证默认时效为100秒(最大为3000秒),只能用于获取指定视频的播放地址,不能混用或重复使用。如果凭证过期则无法获取播放地址,需要重新获取凭证。

encryptType:"1",//如果播放加密视频,则需设置encryptType=1,非加密视频无需设置此项

vid : "视频id",

playauth : "视频授权码",

注意:播放凭证有过期时间,默认值:100秒 。取值范围:100~3000。

设置播放凭证的有效期

在获取播放凭证的测试用例中添加如下代码

request.setAuthInfoTimeout(200L);

在线配置参考:https://player.alicdn.com/aliplayer/setting/setting.html

5.搭建视频点播微服务【重点】

上传视频作为一个多带带的服务器

5.1 创建微服务模块

Artifact:zx_video

5.2 pom.xml

    4.0.0            com.zx        zx-parent02        0.0.1-SNAPSHOT        com.zx    zx-video02    0.0.1-SNAPSHOT    zx-video02    Demo project for Spring Boot​            1.8    ​                        com.zx            zx-common02            0.0.1-SNAPSHOT                                    com.aliyun            aliyun-java-sdk-core            4.5.1                            com.aliyun            aliyun-java-sdk-vod            2.15.10                            com.google.code.gson            gson            2.8.2                            junit            junit            4.12        ​​                    com.aliyun.oss            aliyun-sdk-oss            3.1.0                            com.alibaba            fastjson            1.2.28                            org.json            json            20170516        ​                    com.aliyun            aliyun-sdk-vod-upload            1.4.12                            org.springframework.boot            spring-boot-starter-web                            org.springframework.cloud            spring-cloud-starter-netflix-eureka-client                            org.springframework.boot            spring-boot-starter-test            test                                                org.junit.vintage                    junit-vintage-engine                                        ​                                        org.springframework.boot                spring-boot-maven-plugin                        

5.3 application.yaml

server:  port: 8003spring:  application:    name: zx-video  jackson:    date-format: yyyy-MM-dd HH:mm:ss    time-zone: GMT+8  servlet:    multipart:      max-file-size: 1024MB      max-request-size: 1024MBeureka:  client:    fetch-registry: true    register-with-eureka: true    service-url:      defaultZone: http://127.0.0.1:10000/eureka  instance:    prefer-ip-address: truealiyun:  video:    file:      keyid: LTAI4GGjnu53qcaoNMVj9k3T      keysecret: 7nUkYU3IOVfoxkuA4ObOp1TE0OylAB

5.4 启动类

5.6 整合阿里云vod实现视频上传

5.6.1 创建常量类

package com.zx;​import org.springframework.beans.factory.InitializingBean;import org.springframework.beans.factory.annotation.Value;import org.springframework.stereotype.Component;​@Component//@PropertySource("classpath:application.properties")public class ConstantPropertiesUtil implements InitializingBean {​    @Value("${aliyun.video.file.keyid}")    private String keyId;​    @Value("${aliyun.video.file.keysecret}")    private String keySecret;​    public static String ACCESS_KEY_ID;    public static String ACCESS_KEY_SECRET;​    @Override    public void afterPropertiesSet() throws Exception {        ACCESS_KEY_ID = keyId;        ACCESS_KEY_SECRET = keySecret;    }}

5.6.2 复制工具类到项目中

package com.zx.util;​import com.aliyuncs.DefaultAcsClient;import com.aliyuncs.exceptions.ClientException;import com.aliyuncs.profile.DefaultProfile;​public class AliyunVideoSDKUtils {​    public static DefaultAcsClient initVodClient(String accessKeyId, String accessKeySecret) throws ClientException {        String regionId = "cn-shanghai";  // 点播服务接入区域        DefaultProfile profile = DefaultProfile.getProfile(regionId, accessKeyId, accessKeySecret);        DefaultAcsClient client = new DefaultAcsClient(profile);        return client;    }​}

5.6.3 配置swagger

package com.zx.config;​import org.springframework.context.annotation.Bean;import org.springframework.context.annotation.Configuration;import springfox.documentation.builders.ApiInfoBuilder;import springfox.documentation.builders.PathSelectors;import springfox.documentation.builders.RequestHandlerSelectors;import springfox.documentation.service.ApiInfo;import springfox.documentation.spi.DocumentationType;import springfox.documentation.spring.web.plugins.Docket;import springfox.documentation.swagger2.annotations.EnableSwagger2;​@Configuration@EnableSwagger2public class SwaggerConfig {    @Bean    public Docket api() {        return new Docket(DocumentationType.SWAGGER_2)                .host("localhost:8003")//访问的服务器的地址                .apiInfo(apiInfo())                .select()                .apis(RequestHandlerSelectors.basePackage("com.zx.controller"))                .paths(PathSelectors.any())                .build();    }​    private ApiInfo apiInfo() {        return new ApiInfoBuilder()                .title("标题:传智在线接口文档")                .description("描述:传智在线接口文档")                .version("1.0")                .build();    }}

5.6.4 异常

5.6.5 创建service

package com.zx.service;​import com.aliyun.vod.upload.impl.UploadVideoImpl;import com.aliyun.vod.upload.req.UploadStreamRequest;import com.aliyun.vod.upload.resp.UploadStreamResponse;import com.zx.exception.EduException;import com.zx.util.ConstantPropertiesUtil;import org.apache.commons.lang.StringUtils;import org.springframework.stereotype.Service;import org.springframework.web.multipart.MultipartFile;​import java.io.IOException;import java.io.InputStream;​@Servicepublic class VodService {​    public String uploadVideo(MultipartFile file) {​        try {            InputStream inputStream = file.getInputStream();            String originalFilename = file.getOriginalFilename();            String title = originalFilename.substring(0, originalFilename.lastIndexOf("."));​            UploadStreamRequest request = new UploadStreamRequest(                    ConstantPropertiesUtil.ACCESS_KEY_ID,                    ConstantPropertiesUtil.ACCESS_KEY_SECRET,                    title, originalFilename, inputStream);​            UploadVideoImpl uploader = new UploadVideoImpl();            UploadStreamResponse response = uploader.uploadStream(request);​            //如果设置回调URL无效,不影响视频上传,可以返回VideoId同时会返回错误码。            // 其他情况上传失败时,VideoId为空,此时需要根据返回错误码分析具体错误原因            String videoId = response.getVideoId();            if (!response.isSuccess()) {                String errorMessage = "阿里云上传错误:" + "code:" + response.getCode() + ", message:" + response.getMessage();                if(StringUtils.isEmpty(videoId)){                    throw new EduException(20001, errorMessage);                }            }​            return videoId;        } catch (IOException e) {            throw new EduException(20001, "zx vod 服务上传失败");        }    }}

5.6.6 Controller

package com.zx.controller;​import com.zx.Result;import com.zx.service.VodService;import io.swagger.annotations.Api;import io.swagger.annotations.ApiParam;import org.springframework.beans.factory.annotation.Autowired;import org.springframework.web.bind.annotation.*;import org.springframework.web.multipart.MultipartFile;​@Api(description="阿里云视频点播微服务")//@CrossOrigin //跨域@RestController@RequestMapping("/video")public class VodController {​    @Autowired    private VodService videoService;​    @PostMapping("upload")    public Result uploadVideo(            @ApiParam(name = "file", value = "文件", required = true)            @RequestParam("file") MultipartFile file) throws Exception {​        String videoId = videoService.uploadVideo(file);        return Result.ok().message("视频上传成功").data("videoId", videoId);    }}

5.6.7 启动测试

6.前端整合视频上传

6.2 前端实现

6.2.1 数据定义

Chapter.vue中:

      fileList: [],//上传文件列表      BASE_API: process.env.BASE_API // 接口API地址

6.2.2 整合上传组件

            上传视频                    
最大支持1G,
              支持3GP、ASF、AVI、DAT、DV、FLV、F4V、
              GIF、M2T、M4V、MJ2、MJPEG、MKV、MOV、MP4、
              MPE、MPG、MPEG、MTS、OGG、QT、RM、RMVB、
              SWF、TS、VOB、WMV、WEBM 等视频格式上传
                   
   

6.2.3 方法定义

handleVodUploadSuccess(response, file, fileList){    this.video.videoSourceId = response.data.videoId},//视图上传多于一个视频handleUploadExceed(files, fileList) {    this.$message.warning("想要重新上传视频,请先删除已上传的视频")},

7.删除云端视频

文档:服务端SDK->Java SDK->媒资管理

媒资管理 - 视频点播 - 阿里云

7.1后端

7.1.1 Service

public Boolean deleteVodById(String videoSourceId) {​        try {            DefaultAcsClient client = AliyunVideoSDKUtils.initVodClient(                    ConstantPropertiesUtil.ACCESS_KEY_ID,                    ConstantPropertiesUtil.ACCESS_KEY_SECRET);​            DeleteVideoResponse response = new DeleteVideoResponse();            DeleteVideoRequest request = new DeleteVideoRequest();            //支持传入多个视频ID,多个用逗号分隔            request.setVideoIds(videoSourceId);​            response = client.getAcsResponse(request);​            return true;        } catch (Exception e) {            System.out.print("ErrorMessage = " + e.getLocalizedMessage());            return false;        }​    }

7.1.2 controller

/**     * 根据视频ID获取播放凭证     * @return     */    @DeleteMapping("{videoSourceId}")    public Result getVideoPlayAuth(@PathVariable String videoSourceId){        Boolean flag = videoService.deleteVodById(videoSourceId);        if(flag){            return Result.ok();        }        return Result.error();    }

7.2 前端

7.2.1 定义api

api/edu/vod.js

import request from "@/utils/request"const api_name = "/zx-video/video"export default {  removeById(id) {    return request({      url: `${api_name}/${id}`,      method: "delete"    })  }}

7.2.2 组件方法

views/course/chapter.vue

import vod from "@/api/edu/vod"
beforeVodRemove(file, fileList) {      return this.$confirm(`确定移除 ${file.name}?`)    },    handleVodRemove(file, fileList) {      console.log(file)      vod.removeById(this.video.videoSourceId).then(response=>{        this.$message({          type: "success",          message: response.message        })      })    },

8.视频文件回显-前端修改

8.1 上传成功回调

添加对videoOriginalName的赋值

handleVodUploadSuccess(response, file, fileList) {    this.video.videoSourceId = response.data.videoId    this.video.videoOriginalName = file.name;},

8.2 修改回调Video

editVideo(videoId) {    this.dialogVideoFormVisible = true    video.getVideoInfoById(videoId).then(response => {        this.video = response.data.item        this.fileList = [{"name": this.video.videoOriginalName}]    })},

8.3 删除云端video回调

handleVodRemove(file, fileList) {    console.log(file)    vod.removeById(this.video.videoSourceId).then(response => {        this.video.videoSourceId = ""        this.video.videoOriginalName = ""        this.fileList = []        this.$message({            type: "success",            message: response.message        })    })},

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/121988.html

相关文章

  • 网站到大发展过程

    摘要:讲述网站的访问量从到,从到,从到,从到的过程。这时候的网站依然局限于单机发布,或者使用虚拟主机网站空间发布。这时候往往很难由一个人完成一个网站的开发工作。网站,很多it行业的人都了解。 网站的成长过程,却是很多it行业人士并不理解的过程,往往还有人调侃:做个淘宝网多少钱?本文将逐步讲述网站的成长过程。讲述网站的访问量从0到1,从1到100,从100到1000,从1000到1000000+的过...

    rubyshen 评论0 收藏0
  • 网站到大发展过程

    摘要:讲述网站的访问量从到,从到,从到,从到的过程。缓存设计,负载均衡发布,数据库高性能优化,数据库读写分离,高性能中间件,分布式设计,加速,安全防御,云架构发布等等五花八门的技术综合使用。 网站,很多it行业的人都了解。 网站的成长过程,却是很多it行业人士并不理解的过程,往往还有人调侃:做个淘宝网多少钱?本文将逐步讲述网站的成长过程。讲述网站的访问量从0到1,从1到100,从100到10...

    lykops 评论0 收藏0
  • 如何使用阿里搭建wordpress网站(图文教程+小白专用+Linux版)?

    摘要:声明在任何云服务器上安装网站都是异曲同工,操作系统分为和。如果你没有购买阿里云,自然就不能申请服务号了。信息填完之后,阿里云那边会进行初步审核,我当时不超过几个小时就收到审核通过的邮件了。【声明】 在任何云服务器上安装wordpress网站都是异曲同工,操作系统分为window和Linux。在这里,我选择linux操作系统来搭建wordpress网站。 如果要了解基本的网站搭建流程,请看文章...

    k00baa 评论0 收藏0
  • 技术大咖杭州“论剑”,电商进入“智能 + ”

    摘要:月日,由腾讯云联手极客邦科技共同组织的线下沙龙会议在杭州举办。腾讯云技术专家姚俊军表示。未来,腾讯云将继续保持开放连接的理念,为电商企业提供更加智慧的解决方案,为行业云上发展赋能。 12 月 22 日,由腾讯云联手极客邦科技共同组织的线下沙龙会议在杭州举办。本次沙龙会议邀请了来自腾讯云、小红书、蘑菇街等企业的技术专家,共同探讨了数字信息时代构建自主可控的智能+电商平台的趋势和解决方案。...

    banana_pi 评论0 收藏0
  • 技术大咖杭州“论剑”,电商进入“智能 + ”

    摘要:月日,由腾讯云联手极客邦科技共同组织的线下沙龙会议在杭州举办。腾讯云技术专家姚俊军表示。未来,腾讯云将继续保持开放连接的理念,为电商企业提供更加智慧的解决方案,为行业云上发展赋能。 12 月 22 日,由腾讯云联手极客邦科技共同组织的线下沙龙会议在杭州举办。本次沙龙会议邀请了来自腾讯云、小红书、蘑菇街等企业的技术专家,共同探讨了数字信息时代构建自主可控的智能+电商平台的趋势和解决方案。...

    n7then 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<