1. 程式人生 > >七牛視訊切片方案

七牛視訊切片方案

使用七牛 sdk 上傳視訊並做分片操作。

step1 生成 token

const qiniu = require("qiniu");

var accessKey = proc.env.QINIU_ACCESS_KEY;
var secretKey = proc.env.QINIU_SECRET_KEY;
var mac = new qiniu.auth.digest.Mac(accessKey, secretKey);

var bucket = proc.env.QINIU_TEST_BUCKET;  // 物件儲存空間

//帶資料處理的憑證
var origin_filename = "avthumb_test_target.mp4";  // 原始檔名
var save_as_filename = `${origin_filename}.m3n8`;  // 分片後的檔名

var saveMp4Entry = qiniu.util.urlsafeBase64Encode(`${bucket}:${save_as_filename}`);
var avthumbMp4Fop = "avthumb/m3u8/noDomain/1/segtime/15/vb/440k|saveas/" + saveMp4Entry;

var options = {
  scope: bucket,
  expires: 3600,  // 憑證有效時間
  persistentOps: avthumbMp4Fop,  // 視訊上傳後觸發預轉持久化,切片處理
  persistentPipeline: "video-pipe",  // 多媒體處理佇列
  persistentNotifyUrl: "http://api.example.com/qiniu/pfop/notify",  // 回撥通知地址
}
var putPolicy = new qiniu.rs.PutPolicy(options);
console.log(putPolicy.uploadToken(mac));

生成不同作用的憑證可以檢視官方提供的示例nodejs-sdk example

以上程式碼為生成上傳視訊並進行切片處理的憑證。上傳相關的文件檢視七牛上傳策略

切片動作是由persistentOps引數觸發並啟動一個非同步任務,

persistentOps 詳解

persistentOps 欄位用於指定預轉資料處理命令和儲存處理結果的儲存空間與資源名。
為此欄位指定非空值,則在成功上傳一個檔案後,會啟動一個非同步資料處理任務persistentId 欄位,唯一標識此任務。
returnBody 中指定了 persistentId 魔法變數時,客戶端收到的響應內容 returnBody

中會有 persistentId;當沒有指定 returnBody 時,預設也會返回 persistentId

  • 使用預設的儲存空間和資源名
    * 當只指定了資料處理命令時,服務端會選擇上傳檔案的 Bucket 作為資料處理結果的儲存空間,Key 由七牛伺服器自動生成。
  • 使用指定的儲存空間和資源名
    • 在資料處理命令後用管道符|拼接saveas/<encodedEntryURI>指令,指示七牛伺服器使用EncodedEntryURI格式中指定的 Bucket 與 Key 來儲存處理結果。如 avthumb/flv|saveas/cWJ1Y2tldDpxa2V5
      ,是將上傳的視訊檔案轉碼flv格式後儲存為qbucket:qkey,其中cWJ1Y2tldDpxa2V5qbucket:qkeyURL安全的Base64編碼結果。以上方式可以同時作用於多個數據處理命令,用;分隔,如 avthumb/mp4|saveas/cWJ1Y2tldDpxa2V5;avthumb/flv|saveas/cWJ1Y2tldDpxa2V5Mg==

摘自七牛上傳憑證

資料處理命令可以檢視官方文件,比如視訊切片介面

step2 前端直傳

POST http://up.qiniu.com
格式: form-data
引數:
key: 檔名,上文程式碼中的 `origin_filename`
token: 上傳token
file: 具體檔案

// 上傳成功的響應體
// 狀態碼 200
{
    "hash": "luVJbz9RtE3Ha7c9XaDerE6rPyvP",
    "key": "prTEDwvJY18YBD_720_p1.mp4",
    "persistentId": "z0.5b56c9b938b9f324a573edb4" // 可以使用persistentId,檢測當前處理狀態
}

作者:youthcity
連結:https://www.jianshu.com/p/f73b39ae02dc
來源:簡書
簡書著作權歸作者所有,任何形式的轉載都請聯絡作者獲得授權並註明出處。

step3 輪詢獲取結果

GET api.qiniu.com/status/get/prefop?id=${persistentId}

{
    "code": 0, //   狀態碼0成功,1等待處理,2正在處理,3處理失敗,4通知提交失敗。
    "desc": "The fop was completed successfully",
    "id": "z0.5b56c9b938b9f324a573edb4",
    "inputBucket": "ocean",
    "inputKey": "prTEDwvJY18YBD_720_p1.mp4",
    "items": [
        {
            "cmd": "avthumb/m3u8/noDomain/1/segtime/15/vb/440k|saveas/b2NlYW46aGxzX3ByVEVEd3ZKWTE4WUJEXzcyMF9wMS5tM3U4",
            "code": 0,
            "desc": "The fop was completed successfully",
            "hash": "FraV6PX6Xp7mYYgAnY0sniTK-pPt",
            "key": "hls_prTEDwvJY18YBD_720_p1.m3u8",
            "returnOld": 0
        }
    ],
    "pipeline": "1381326751.k12_video",
    "reqid": "FQIAAKAxpZfFOkQV"
}

作者:youthcity
連結:https://www.jianshu.com/p/f73b39ae02dc
來源:簡書
簡書著作權歸作者所有,任何形式的轉載都請聯絡作者獲得授權並註明出處。

參考資料

七牛上傳憑證

七牛上傳策略

視訊切片介面

七牛上傳開發(三)使用NodeJS生成帶資料處理的憑證

nodejs-sdk example