删除云端视频

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

https://help.aliyun.com/document_detail/61065.html?spm=a2c4g.11186623.6.831.654b3815cIxvma#h2--div-id-deletevideo-div-7

# 一、后端

# 1、service

接口

void removeVideo(String videoId);

实现

@Override
public void removeVideo(String videoId) {
    try{
        DefaultAcsClient client = AliyunVodSDKUtils.initVodClient(
            ConstantPropertiesUtil.ACCESS_KEY_ID,
            ConstantPropertiesUtil.ACCESS_KEY_SECRET);

        DeleteVideoRequest request = new DeleteVideoRequest();

        request.setVideoIds(videoId);

        DeleteVideoResponse response = client.getAcsResponse(request);

        System.out.print("RequestId = " + response.getRequestId() + "\n");

    }catch (ClientException e){
        throw new GuliException(20001, "视频删除失败");
    }
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

# 2、controller

@DeleteMapping("{videoId}")
public R removeVideo(@ApiParam(name = "videoId", value = "云端视频id", required = true)
                     @PathVariable String videoId){

    videoService.removeVideo(videoId);
    return R.ok().message("视频删除成功");
}

1
2
3
4
5
6
7

# 二、前端

# 1、定义api

api/edu/vod.js

import request from '@/utils/request'

const api_name = '/admin/vod/video'

export default {

  removeById(id) {
    return request({
      url: `${api_name}/${id}`,
      method: 'delete'
    })
  }
}

1
2
3
4
5
6
7
8
9
10
11
12
13

# 2、组件方法

views/edu/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
    })
  })
},

1
2
3
4
5
6
7
8
9
10
11
12
13

编辑

上次更新: 2024/06/15, 15:12:25

← 前端整合视频上传视频文件回显→