05-阿里云视频点播服务与谷粒学院整合视频点播技术

news/2025/1/12 21:52:16/

阿里云视频点播服务与谷粒学院整合视频点播技术

一.应用场景

  • 音视频网站：无论是初创视频服务企业，还是已拥有海量视频资源，可定制化的点播服务帮助客户快速搭建拥有极致观看体验、安全可靠的视频点播应用。
  • 短视频：集音视频拍摄、特效编辑、本地转码、高速上传、自动化云端转码、媒体资源管理、分发加速、播放于一体的完整短视频解决方案。目前已帮助1000+APP快速实现手机短视频功能。
  • 直播转点播：将直播流同步录制为点播视频，用于回看。并支持媒资管理、媒体处理（转码及内容审核/智能首图等AI处理）、内容制作（云剪辑）、CDN分发加速等一系列操作。
  • 在线教育：为在线教育客户提供简单易用、安全可靠的视频点播服务。可通过控制台/API等多种方式上传教学视频，强大的转码能力保证视频可以快速发布，覆盖全网的加速节点保证学生观看的流畅度。防盗链、视频加密等版权保护方案保护教学内容不被窃取。
  • 视频生产制作：提供在线可视化剪辑平台及丰富的OpenAPI，帮助客户高效处理、制作视频内容。除基础的剪切拼接、混音、遮标、特效、合成等一系列功能外，依托云剪辑及点播一体化服务还可
  • 实现标准化、智能化剪辑生产，大大降低视频制作的槛，缩短制作时间，提升内容生产效率。
  • 内容审核：应用于短视频平台、传媒行业审核等场景，帮助客户从从语音、文字、视觉等多维度精准识别视频、封面、标题或评论的违禁内容进行AI智能审核与人工审核。

二.功能介绍

在这里插入图片描述

三.视频点播的整体流程

在这里插入图片描述

四.使用实例

4.1根据视频地址进行播放(未加密的视频)

直接根据视频的地址进行视频的播放

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><link rel="stylesheet" href="https://g.alicdn.com/de/prismplayer/2.9.8/skins/default/aliplayer-min.css" /><script charset="utf-8" type="text/javascript" src="https://g.alicdn.com/de/prismplayer/2.9.8/aliplayer-min.js"></script><!-- <link rel="stylesheet" href="https://g.alicdn.com/de/prismplayer/2.8.1/skins/default/aliplayer-min.css" /><script charset="utf-8" type="text/javascript"src="https://g.alicdn.com/de/prismplayer/2.8.1/aliplayer-min.js"></script> -->
</head><body><body><div class="prism-player" id="J_prismPlayer"></div> <script>var player = new Aliplayer({id: 'J_prismPlayer',width: '50%',autoplay: false,cover: 'https://sunset-education.oss-cn-beijing.aliyuncs.com/2021/07/22/07da8844645c4485a8fe7d18a23353c003.jpg',//播放配置source : 'https://outin-d7002059ed2311eb821700163e1c955c.oss-cn-shanghai.aliyuncs.com/sv/352c58b0-17b05d4fe47/352c58b0-17b05d4fe47.mp4?Expires=1628246744&OSSAccessKeyId=LTAIVVfYx6D0HeL2&Signature=VXcZEUAdJjAC7TY%2Fgy8yJGZGqjE%3D',},function(player){console.log('播放器创建好了。')});</script></body></body></html>

4.2根据视频的播放凭证进行播放

步骤：

  1. 根据阿里云上传的视频id获取视频的播放凭证
  2. 根据播放凭证获取视频的播放信息

注意：那一大段很长的就是视频的凭证，现在是直接给，后期整合后则是根据视频的id进行获取

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><link rel="stylesheet" href="https://g.alicdn.com/de/prismplayer/2.9.8/skins/default/aliplayer-min.css" /><script charset="utf-8" type="text/javascript" src="https://g.alicdn.com/de/prismplayer/2.9.8/aliplayer-min.js"></script>
</head><body><body><div class="prism-player" id="J_prismPlayer"></div> <script>var player = new Aliplayer({id: 'J_prismPlayer',width: '50%',autoplay: false,cover: 'https://sunset-education.oss-cn-beijing.aliyuncs.com/2021/07/22/07da8844645c4485a8fe7d18a23353c003.jpg',encryptType:'1',//如果播放加密视频，则需设置encryptType=1，非加密视频无需设置此项vid : '5adbc05402e048aab30121542f617476',playauth : 'eyJTZWN1cml0eVRva2VuIjoiQ0FJU2h3TjFxNkZ0NUIyeWZTaklyNVdOT2VpTnVJZHM3YmVjZTAzcGwzVUVPL2hVaUtmU2h6ejJJSHBOZTNocUIrMGZzUGt3bEdsVTZmZ2Nsck1xRWNVYUhSYWFQWll0czhRTHJsNzZKcExGc3QySjZyOEpqc1VCeGQxODAxbXBzdlhKYXNEVkVmbDJFNVhFTWlJUi8wMGU2TC8rY2lyWXBUWEhWYlNDbFo5Z2FQa09Rd0M4ZGtBb0xkeEtKd3hrMnQxNFVtWFdPYVNDUHdMU2htUEJMVXhtdldnR2wyUnp1NHV5M3ZPZDVoZlpwMXI4eE80YXhlTDBQb1AyVjgxbExacGxlc3FwM0k0U2M3YmFnaFpVNGdscjhxbHg3c3BCNVN5Vmt0eVdHVWhKL3phTElvaXQ3TnBqZmlCMGVvUUFQb3BGcC9YNmp2QWF3UExVbTliWXhncGhCOFIrWGo3RFpZYXV4N0d6ZW9XVE84MCthS3p3TmxuVXo5bUxMZU9WaVE0L1ptOEJQdzQ0RUxoSWFGMElVRTF4Rm11Q2QvWDRvQXlhTzF2NkdwTG9pdjltamNCSHFIeno1c2VQS2xTMVJMR1U3RDBWSUpkVWJUbHpiVWRKakRhL0wvWllMbE1jS2c4NFdlaVBNYXgzYlFGRHI1M3ZzVGJiWHpaYjBtcHR1UG56ZHhBS0RqK2FxMUdVR29BQmZyZmpTSmU3RnNBdkJQbWhjaHY0TFBBdEM0c1RwTkw2RE0zaUtKRkZOMGdFek5xOTFLZWhsTWJQaUZ6UWE0RDNkK2YyT2pWWjVVTWk1SklEckN4cEh1OFh3M3BzVXdndzExQ0x0cW9iTG5FMWdyMHFyVzRjUjdLWTA2WWhnaEpKb0RtdEZ5QTEycVA0Y2VQa3BHMzhKelBEb3Y1SksxdXFVMW9ZQW9EREpHcz0iLCJBdXRoSW5mbyI6IntcIkNJXCI6XCJZZmVqUS8wWmZyeERRTlkvNUw5MDcxSjlZam1pcEVnS1dlTzZmRE1raCtZcHlUR1hmQWUzSXFNRDZ0blZ3T2Q3XCIsXCJDYWxsZXJcIjpcIk1FbFhNcU16RmhNQ2JrR2orNWNwV3lBVU4xbndkaTg4Z1Fub09VU09CUE09XCIsXCJFeHBpcmVUaW1lXCI6XCIyMDIxLTA4LTAxVDA4OjEyOjAyWlwiLFwiTWVkaWFJZFwiOlwiNWFkYmMwNTQwMmUwNDhhYWIzMDEyMTU0MmY2MTc0NzZcIixcIlNpZ25hdHVyZVwiOlwiQThtUDNKUUVIa1FEcWJZYzdoZytlUDJESjUwPVwifSIsIlZpZGVvTWV0YSI6eyJTdGF0dXMiOiJOb3JtYWwiLCJWaWRlb0lkIjoiNWFkYmMwNTQwMmUwNDhhYWIzMDEyMTU0MmY2MTc0NzYiLCJUaXRsZSI6InZpZGVvLm1wNCIsIkNvdmVyVVJMIjoiaHR0cDovL291dGluLWQ3MDAyMDU5ZWQyMzExZWI4MjE3MDAxNjNlMWM5NTVjLm9zcy1jbi1zaGFuZ2hhaS5hbGl5dW5jcy5jb20vNWFkYmMwNTQwMmUwNDhhYWIzMDEyMTU0MmY2MTc0NzYvc25hcHNob3RzL2Q1ZjM1YzU1ZWE1YzQyODViODc4YTI3YmZjZDIwNTQ3LTAwMDAxLmpwZz9FeHBpcmVzPTE2Mjc4MDkwMjImT1NTQWNjZXNzS2V5SWQ9TFRBSVZWZll4NkQwSGVMMiZTaWduYXR1cmU9MkVVQnY4dXElMkZDaFlJdFVrWmlWdXNSOTg5OHMlM0QiLCJEdXJhdGlvbiI6MTIuNTE1fSwiQWNjZXNzS2V5SWQiOiJTVFMuTlY4clI5VVhNWnV3eWtYc3VRN3d4Z2J5ZSIsIkFjY2Vzc0tleVNlY3JldCI6IkVUVW94Tm44RHdicnZSd1hnd21meE1zTkZVVWRIMzVjaTFwdlVoUmVYclJGIiwiUmVnaW9uIjoiY24tc2hhbmdoYWkiLCJDdXN0b21lcklkIjoxMjI3MDI2ODU1NTg0NzUzfQ==',},function(player){console.log('播放器创建好了。')});</script></body></body></html>

五.谷粒学院整合阿里云视频点播服务

  1. 创建一个新的模块在这里插入图片描述

  2. 导入相关依赖

<dependencies><dependency><groupId>com.aliyun</groupId><artifactId>aliyun-java-sdk-core</artifactId></dependency><dependency><groupId>com.aliyun</groupId><artifactId>aliyun-java-sdk-vod</artifactId></dependency><dependency><groupId>com.google.code.gson</groupId><artifactId>gson</artifactId></dependency><dependency><groupId>com.aliyun</groupId><artifactId>aliyun-java-sdk-core</artifactId></dependency><dependency><groupId>com.aliyun.oss</groupId><artifactId>aliyun-sdk-oss</artifactId></dependency><dependency><groupId>com.aliyun</groupId><artifactId>aliyun-java-sdk-vod</artifactId></dependency><dependency><groupId>com.alibaba</groupId><artifactId>fastjson</artifactId></dependency><dependency><groupId>org.json</groupId><artifactId>json</artifactId></dependency><dependency><groupId>com.google.code.gson</groupId><artifactId>gson</artifactId></dependency><dependency><groupId>com.aliyun</groupId><artifactId>aliyun-sdk-vod-upload</artifactId></dependency></dependencies>
  1. 将阿里云的keyid等配置好
  2. 创建一个工具类，用来创建DefaultAcsClient对象
package com.sunset.vod.utils;import com.aliyuncs.DefaultAcsClient;
import com.aliyuncs.exceptions.ClientException;
import com.aliyuncs.profile.DefaultProfile;/*** 初始化操作，创建DefaultAcsClient对象*/
public class InitObject {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;}
}

  1. 根据视频id获取视频凭证，并传递给前端使用

    //    根据视频id获取视频播放凭证@GetMapping("/getPlayAuth/{id}")public Result getPlayAuth(@PathVariable String id){try {
//            创建初始化对象DefaultAcsClient defaultAcsClient = InitObject.initVodClient(ConstantVodUtils.ACCESS_KEY_ID, ConstantVodUtils.ACCESS_KEY_SECRET);//            创建获取视频凭证的request和response对象GetVideoPlayAuthRequest request = new GetVideoPlayAuthRequest();
//            设置视频id值request.setVideoId(id);
//            调用初始化对象的方法GetVideoPlayAuthResponse response = defaultAcsClient.getAcsResponse(request);
//            获取凭证String playAuth = response.getPlayAuth();System.out.println("==========="+playAuth);return Result.ok().data("playAuth",playAuth);}catch (Exception e){throw  new SunsetException(20001,"播放视频失败");}}

  2. 前端定义接口，并进行调用

import request from '@/utils/request'export default{// 根据视频id获取视频播放凭证getPlayAuth(id){return request({url:'/eduvod/video/getPlayAuth/'+id,method:'get'})}
}

<template><div><!-- 阿里云视频播放器样式 --><!-- <link rel="stylesheet"href="https://g.alicdn.com/de/prismplayer/2.9.8/skins/default/aliplayer-min.css"/> --><!-- 阿里云视频播放器脚本 --><!-- <script charset="utf-8" type="text/javascript" src="https://g.alicdn.com/de/prismplayer/2.9.8/aliplayer-min.js"></script> --><linkrel="stylesheet"href="https://g.alicdn.com/de/prismplayer/2.8.1/skins/default/aliplayer-min.css"/><scriptcharset="utf-8"type="text/javascript"src="https://g.alicdn.com/de/prismplayer/2.8.1/aliplayer-min.js"/><!-- 定义播放器dom --><div id="J_prismPlayer" class="prism-player" /></div>
</template><script>
import vodApi from '@/api/vod'
export default {layout: 'video',//应用video布局data(){return{// playAuth:'',// vid:''}},asyncData({ params, error }) {return vodApi.getPlayAuth(params.vid).then(response=>{return {vid:params.vid,playAuth:response.data.data.playAuth}})},mounted(){//页面渲染之后执行这个方法，因为前面是异步请求视频的播放凭证，所以使用created的话，可能获取不到数据new Aliplayer({id: 'J_prismPlayer',vid: this.vid, // 视频idplayauth: this.playAuth, // 播放凭证// source : 'https://outin-d7002059ed2311eb821700163e1c955c.oss-cn-shanghai.aliyuncs.com/sv/352c58b0-17b05d4fe47/352c58b0-17b05d4fe47.mp4?Expires=1628246744&OSSAccessKeyId=LTAIVVfYx6D0HeL2&Signature=VXcZEUAdJjAC7TY%2Fgy8yJGZGqjE%3D',encryptType: '1', // 如果播放加密视频，则需设置encryptType=1，非加密视频无需设置此项width: '100%',height: '500px',cover: 'http://guli.shop/photo/banner/1525939573202.jpg', // 封面qualitySort: 'asc', // 清晰度排序mediaType: 'video', // 返回音频还是视频autoplay: false, // 自动播放isLive: false, // 直播rePlay: false, // 循环播放preload: true,controlBarVisibility: 'hover', // 控制条的显示方式：鼠标悬停useH5Prism: true, // 播放器类型：html5}, function(player) {console.log('播放器创建成功')})},methods:{init(){vodApi.getPlayAuth(this.vid).then(response=>{this.playAuth = response.data.data.playAuth// console.log(this.vid)// console.log(this.playAuth)})},}};
</script><style>
</style>
  1. 测试

在这里插入图片描述
成功！！！


http://www.ppmy.cn/news/364639.html

相关文章

阿里云视频点播详解

阿里云视频点播详解

整理了一下阿里云的视频点播相关的问题&#xff0c;记下来&#xff0c;以备后用。 阿里云视频点播是近几年刚有的服务&#xff0c;与OSS结合较深。开发之初找到有用的文档实在少之又少&#xff0c;所以把完整的开发流程已经我遇到一些问题记录下来。阿里云视频点播介绍: 能查到…
阅读更多...
达梦运维管理v1.0

达梦运维管理v1.0

达梦运维管理1.0 日志类 重做日志 select * from v$rlogfile; select * from v$rlog;添加联机日志&#xff1a;&#xff08;以M为单位&#xff09; alter database add logfile /dmdata/DAMENG/REDO/DAMENG03.log size 256;修改联机日志大小&#xff1a; alter database r…
阅读更多...
【谷粒学院】阿里云视频点播VOD功能笔记

【谷粒学院】阿里云视频点播VOD功能笔记

文章目录 1、准备工作2、代码详解3、测试结果 1、准备工作 首先配置文件中需要配置好阿里云相关id和密钥&#xff08;和阿里云OSS配置一样&#xff09; 如果不知道id和密钥&#xff0c;就去阿里云官网进行服务开通申请就可以得到 2、代码详解 配置类&#xff1a;用于读取配…
阅读更多...
腾讯云点播视频播放器使用步骤 uniapp

腾讯云点播视频播放器使用步骤 uniapp

微信开发后台 首先需要微信小程序的账号&#xff0c;各种认证&#xff0c;信息填写完整&#xff0c; 然后–>设置–>第三方设置–>插件管理–>添加插件–>搜索云点播短视频播放器–>添加插件 项目开发 在page.json文件中的globalStyle下面加入 "usin…
阅读更多...
同星T1014在线回放设置

同星T1014在线回放设置

同星T1014在线回放设置以及常见问题解决方法 1.同星T1014连接硬件进行在线数据回放 1.将同星T1014硬件连接到到电脑中&#xff1b; 2.打开TSMaster软件&#xff0c;在通道选择选项中配置通道&#xff0c;该硬件最大支持四路通道&#xff0c;所以我这里选择四路通道&#xff1b…
阅读更多...
edusoho对接腾讯会议直播功能 直播结束自动转存阿里云视频点播

edusoho对接腾讯会议直播功能 直播结束自动转存阿里云视频点播

edusoho的TxMeetingPlugin腾讯会议插件代码压缩包已经发布了 可以免费下载 测试交流学习使用 免费下载 https://download.csdn.net/download/withkai44/86730690 <?phpnamespace TxMeetingPlugin;use Codeages\PluginBundle\System\PluginBase; use TxMeetingPlugin\Biz\T…
阅读更多...
阿里云视频点播+项目实战

阿里云视频点播+项目实战

目录 整合阿里云Vod实现视频上传 整合阿里云视频播放器 前端方面 场景&#xff1a; 功能十分多&#xff0c;可以对视频进行加密&#xff0c;防止盗链&#xff0c;并且节省了资源&#xff0c;覆盖了加速节点&#xff0c;安全系数高 流程&#xff1a; 用户获取上传授权。VoD下…
阅读更多...
阿里云VOD 视频点播(一)、nuxt视频上传，视频播放

阿里云VOD 视频点播(一)、nuxt视频上传，视频播放

一&#xff0c;nuxt视频上传&#xff0c;视频播放 &#xff08;1&#xff09;.nuxt视频上传&#xff0c;封装的组件&#xff0c;我开发的时候有eslint校验下面代码有一些相关的注释不用管 <template><div class"container"><div class"upload&…
阅读更多...
最新文章

Copyright @ 2022~2023