PCWEB

pcweb播放内核集成指南

本教程主要介绍开发者如何在网页中集成芒果PCWeb播放器内核，实现视频播放。请参考以下步骤操作。

系统要求

1. windows7或以上操作系统，mac操作系统，内存8g以上
2. 开发工具推荐使用vscode
3. 使用者须了解git的基本操作，并在机器上安装git

SDK集成

在您的html页面中插入播放器sdk

<script src="https://s1.hitv.com/libs/mgtv-kernel/3.1.6/kernel.min.js"></script>

提示

目前，播放内核的最新版本为3.1.6。您可以通过npm工具查看最新版本的版本号，或者根据您需求，使用特定的版本

代码示例

现在，您可以在您代码中插入以下内容：

const videoContainer = document.getElementById("video-container")   //放置播放器的容器
const startPostion = 0                      //指定播放开始位置，可以从视频中间处开始播放
const url = "http://xxx/xxx.m3u8"           //指定流地址

const kernel = new MgtvKernel({
    report:false,                           //内置质量数据上报，如果您不需要，可以设置false关闭，默认开启
    p2p:false,                              //内置芒果p2p数据模块，如果播放的非站内媒资，则可能无效，可以将其关闭
})

//添加播放器显示对象
videoContainer.appendChild(kernel.videoElement)
//开始加载视频
kernel.load(url,{startPostion})
//视频缓冲成功
kernel.addEventListener("canplay",function canplay(){
    //自动播放视频，如果自动播放视频失败，需要用户点击按钮，再次调用play()方法来启动播放，这是由于浏览器的限制
    kernel.play()
})

demo体验

在线体验

开发者指引

以下内容针对需要对定制化功能，或者为项目贡献代码开发者使用。 如果只是接入SDK使用，则可忽略

环境准备

1. 需要安装Node.js

2. 验证node安装

   node -v
   npm -v
   

3. 安装yarn(可选)

   npm install -g yarn
   

4. 安装开发工具(可选)，推荐使用vscode

代码安装

1. 安装rollup

   yarn global add rollup
   

2. 克隆代码

   git clone ssh://git@git.btd.com:443/mgtv/mgweb_playercore.git
   

提示

您可能需要设置hosts：10.43.29.232 git.btd.com，也有可能不需要

初始化

1. 安装依赖

   cd mgweb_playercore
   yarn
   

2. 启动项目

   yarn start