uni-app 阿里云视频点播SDK插件需求

发布于 1周前 作者 sinazl 来自 Uni-App

uni-app 阿里云视频点播SDK插件需求

现在无法引入（或者本人方法不对）JS，项目使用的视频是保持在阿里云的视频点播中的，使用了阿里云视频加密，然后在集成H5版本的播放器的时候发现无法引入阿里云的官方JS，所以想看看哪位大佬可以开发这个插件或者教教怎么引入JS。

Harmonyos Next教程
10 回复

这个你可以找vue版本的


我引用的是vue 版的，web端可以用，但是app上用不了，页面直接不加载了

是啊， app和微信小程序
似乎只能用webview嵌入播放。
体验路叉

Q 1196097915 插件找我哦~

哥们, 你解决了这个问题吗?

第三方sdk原生插件开发qq：16792999

解决了吗？我也遇到这个问题了

原生插件可以解决这个问题， Q 1196097915 插件找我哦~

【腾讯云】十周年感恩回馈，1核2G云服务器首年95元，4核云服务器额外赠送150GB高性能云数据盘能云数据盘，十年筑梦，伴你同行！ 1核2G1M50G盘，95元/1年， 1核2G1M50G盘，288元/3年， 2核4G3M50G盘，1288元/3年， 活动地址：https://curl.qcloud.com/4H1wdRQS
【阿里云】云服务器，新用户福利专场，云服务器ECS低至102元/年（免费赠送对象存储和数据库），还有400元无门槛券领取！！！ https://www.aliyun.com/activity?userCode=wbqjs7bw

针对你提到的uni-app阿里云视频点播SDK插件需求，以下是一个如何在uni-app项目中集成并使用阿里云视频点播SDK的基本示例。这个示例假定你已经完成了阿里云账号的注册和视频点播服务的开通，并获取了相关的Access Key ID、Access Key Secret以及Region ID。

步骤一：安装SDK

首先，你需要在uni-app项目中安装阿里云视频点播的JavaScript SDK。可以通过npm或者yarn进行安装，但考虑到uni-app的特性，我们可能需要在HBuilderX中手动引入SDK。你可以从阿里云官方GitHub仓库下载最新的SDK文件，并将其放置在项目的static目录下。

步骤二：配置SDK

在你的uni-app项目的入口文件（如main.js）中，你需要配置阿里云视频点播的SDK。这里是一个基本的配置示例：

// 引入阿里云视频点播SDK
const OSS = require('@ali-sdk/oss');
const VODClient = require('@alicloud/vod-client');

// 配置Access Key ID、Access Key Secret和Region ID
const accessKeyId = 'yourAccessKeyId';
const accessKeySecret = 'yourAccessKeySecret';
const regionId = 'yourRegionId';

// 初始化OSS客户端
const client = new OSS({
  region: regionId,
  accessKeyId: accessKeyId,
  accessKeySecret: accessKeySecret,
  bucket: 'yourBucketName' // 替换为你的OSS Bucket名称
});

// 初始化VODClient
const vodClient = new VODClient({
  accessKeyId: accessKeyId,
  accessKeySecret: accessKeySecret,
  regionId: regionId
});

// 将client和vodClient导出供其他页面使用
export { client, vodClient };

步骤三：使用SDK进行视频上传和处理

在你的页面或组件中，你可以使用上面导出的client和vodClient对象进行视频上传、转码等操作。以下是一个简单的视频上传示例：

import { client, vodClient } from '@/main.js';

// 上传视频到OSS
client.put('yourObjectName', 'localFilePath').then((result) => {
  const videoId = result.name; // 获取上传后的视频文件名

  // 使用VODClient进行视频转码
  vodClient.SubmitTranscodeJob({
    VideoId: videoId,
    TemplateId: 'yourTemplateId' // 替换为你的转码模板ID
  }).then((response) => {
    console.log('Transcode Job Submitted:', response);
  }).catch((err) => {
    console.error('Error Submitting Transcode Job:', err);
  });
}).catch((err) => {
  console.error('Error Uploading Video:', err);
});

请注意，上述代码中的yourAccessKeyId、yourAccessKeySecret、yourRegionId、yourBucketName和yourTemplateId需要替换为你自己的阿里云配置信息。此外，localFilePath是你要上传的视频文件的本地路径，yourObjectName是你在OSS上希望保存的文件名。

回到顶部