libcast/html5player-client

Libcast HTML5 Player JavaScript 客户端

v2.0.0 2016-12-19 09:19 UTC

This package is auto-updated.

Last update: 2024-08-29 04:05:13 UTC


README

安装和使用

脚本 build/libcast_player_client.min.js 必须包含在文档的 <head> 部分,或者放在 HTML 页面的末尾,就在关闭 </body> 标签之前。

然后你必须为每个嵌入实例化一个 LibcastPlayer 对象

var player = new LibcastPlayer('player_id');

查看 tests/single_embed.html 以了解如何使用此客户端的完整示例。

客户端实例化后,Libcast 嵌入应像标准的 HTML5 MediaElement API 一样表现(见 https://mdn.org.cn/en/docs/Web/API/HTMLMediaElement)。

可用的播放器方法

以下列表中的方法在 Libcast 客户端实例化后从 <iframe> 元素中可用。

  • play()
  • pause()
  • toggle() [*]
  • seek(seconds) [*] 其中 seconds 必须是整数或浮点数
  • chapter(number) [*] 其中 number 必须是整数
  • mute() [*]
  • setVolume(level) [**] 其中 level 必须是介于 0 和 1 之间的浮点数(百分比)

(* 非HTML5 MediaElement API 标准)

(** 由于 JavaScript 限制而与 HTML5 MediaElement API 标准略有不同)

可用的播放器属性

以下列表中的属性在 Libcast 客户端实例化后从 <iframe> 元素中可用。

  • volume
  • duration
  • currentTime

可用的播放器事件

以下列表中的事件由 Libcast 客户端实例化后的 <iframe> 元素触发。

  • loadedmetadata
  • loadeddata
  • canplay
  • play
  • playing
  • pause
  • timeupdate
  • volumechange
  • ended

编译源代码

  1. 在您的机器上安装 npm (Node)

  2. 安装 grunt

    npm install -g grunt-cli
    
  3. 安装 npm 依赖项

    npm install
    
  4. 构建源代码

    grunt
    

这应该会在 /build 目录下编译源代码。