简介
Kaltura 是一个视频管理平台,提供各种视频相关服务。Kaltura npm 包提供了一个简单的 API,通过它可以在前端页面中轻松地添加、管理和播放视频。
安装
在项目中使用 npm 安装 kaltura 包:
npm install @kaltura/kaltura-player
安装之后,可以在项目中使用 KalturaPlayer
对象。
使用
加载 KalturaPlayer
在页面中添加 script 标签引入 KalturaPlayer:
<script src="https://cdnapisec.kaltura.com/p/111111/sp/11111100/embedIframeJs/uiconf_id/22222222/partner_id/111111"></script>
其中,111111 是你的合作伙伴 ID,22222222 是你的 UI 配置 ID。
初始化 KalturaPlayer
const options = { targetId: 'kaltura-player-container', wid: '_111111', uiconfId: '22222222', entryId: '0_r1c2l84j', }; const player = new KalturaPlayer(options);
其中,targetId
是包含 KalturaPlayer 的 DOM 元素的 ID,wid
是你的 Kaltura 网站 ID,uiconfId
是你的 UI 配置 ID,entryId
是你要播放的视频条目 ID。
播放视频
player.loadMedia({ mediaType: KalturaMediaType.VIDEO, entryId: '0_r1c2l84j', });
暂停和播放视频
player.play(); player.pause();
监听事件
-- -------------------- ---- ------- ---------------------------------- -- -- - ---------------------- --- ----------------------------------- -- -- - -------------------- --- ----------------------------------- ------- ---- -- - --------------------- ------------ ---
总结
Kaltura 提供了一个简单的 API,可以方便地在前端页面中添加视频。通过阅读本文,你了解了如何使用 npm 包 kaltura,包括加载和初始化 KalturaPlayer、播放和暂停视频、以及监听事件。希望这篇文章对你学习和使用 Kaltura 有所帮助。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60066ef84c49986ca68d86bb