1. 程式人生 > >阿裏雲 Aliplayer高級功能介紹(五):多語言

阿裏雲 Aliplayer高級功能介紹(五):多語言

可選值 調用 使用 定義 region width 播放器 需要 proc

基本介紹
Aliplayer默認支持中文和英文,並且依賴於瀏覽器的語言設置自動啟用中文或英文資源, 除了支持這兩種資源外,還提供自定義語言的形式,支持其他國際語言,另外Aliplayer還支持點播服務的多地域,可以支持VideoId的方式播放東南亞和歐洲的視頻資源,英文版本播放器:

技術分享圖片

語言設置屬性
Aliplayer提供language屬性用於指定語言,此屬性的優先級高於瀏覽器的語言設置,默認值為空,代碼:

var player = new Aliplayer({
id: "player-con",
source: "",
width: "100%",

height: "500px",
autoplay: true,
language: "en-us",
}, function (player) {
console.log("播放器創建成功");
});
自定義語言
當需要支持中文和英文之外的語言時,需要使用自定義語言的功能, 這時可以通過languageTexts屬性指定語言資源屬性,languageTexts使用對象字面量的形式,language屬性的值為key, JSON value值為語言的翻譯的資源內容, 比如:

var player = new Aliplayer({
id: "player-con",

source: "",
width: "100%",
height: "500px",
autoplay: true,
/ 繁體中文 /
language: ‘zh-Hant‘,
languageTexts: {
‘zh-Hant‘: {
"OD": "原畫",
"FD": "流暢",
"LD": "標清",
"SD": "高清",
"HD": "超清",
"2K": "2K",
"4K": "4K",
"FHD": "全高清",
"XLD": "極速"
}
}, function (player) {
console.log("播放器創建成功");
});
但是那些資源需要翻譯的呢?如果沒有一個工具是比較麻煩的事情, 因此我們提供了一個在線的翻譯資源輸入工具,入口:在線配置->更多配置->語言, 選擇或者輸入語言key後,會彈出一個語言翻譯頁面,在這個頁面可以對需要翻譯的資源翻譯為對於的語言,提交以後會生成代碼。

技術分享圖片

支持多地域播放
當前點播服務支持下面的地域:上海、法蘭克福、新家坡,播放器的playauth和STS的播放方式支持多地域的播放,當知道用戶需要播放那個地域的視頻時,播放器會調用此地域的點播服務,獲取視頻的播放地址。

playauth播放方式 這種播放方式播放器會從playauth裏面解析出Region,獲取對應地域的視頻,因此不用特意再指定播放那個地域的視頻
STS播放方式 這種方式需要通過播放器提供的region屬性指定播放那個地域的視頻, region默認值為‘cn-shanghai‘,可選值包含:cn-shanghai、eu-central-1,ap-southeast-1,示例代碼:

var player = new Aliplayer({
id: "player-con",
width: "100%",
height: "500px",
autoplay: true,
language: "en-us",
vid : ‘1e067a2831b641db90d570b6480fbc40‘,
accessKeyId: ‘‘,
securityToken: ‘‘,
accessKeySecret: ‘‘
region:‘eu-central-1‘,//法蘭克福地域
}, function (player) {
console.log("播放器創建成功");
});

阿裏雲 Aliplayer高級功能介紹(五):多語言