码迷,mamicode.com
首页 > 编程语言 > 详细

阿里云 Aliplayer高级功能介绍(五):多语言

时间:2019-01-25 17:38:38      阅读:186      评论:0      收藏:0      [点我收藏+]

标签:不用   ons   class   idt   ram   setting   翻译   htm   VID   

基本介绍

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("播放器创建成功");
  });

 

 

原文链接
更多技术干货 请关注阿里云云栖社区微信号 :yunqiinsight 

阿里云 Aliplayer高级功能介绍(五):多语言

标签:不用   ons   class   idt   ram   setting   翻译   htm   VID   

原文地址:https://www.cnblogs.com/zhaowei121/p/10320452.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!