superPlayer

论坛示例

为帮助用户更好更快的使用插件,论坛维护了一个示例,示例中包含示例代码、知识点讲解、注意事项等,供您参考。

概述

superPlayer (视频播放) 本插件封装了ijkplayer、exoplyaer双核播放器,可针对多种不同格式的视频进行播放。

** openPlayerView**

打开一个播放器,此方法封装了Exoplayer和ijkplayer的简单播放器
可以参考:https://github.com/google/ExoPlayer
        https://github.com/Bilibili/ijkplayer
关闭当前页面时记得要调用releaseVideo 释放播放器,否则依然后台播放 
openPlayerView(callback(ret, err))

params

url:
- 类型:字符串
- 描述:(必填项) 视屏地址 支持http://、https://、fs://,widget://等协议路径
title:
- 类型: 字符串
- 描述:(可选项)视屏标题
headers:
- 类型: JSON对象
- 描述:(可选项)请求头
rect:
- 类型:字符串
- 描述:(必填项) 视屏位置
    {
        x: 0,   //(可选项)数字类型;插件左上角的 x 坐标(相对于所属的 Window 或 Frame);默认:0
        y: 0,   //(可选项)数字类型;插件左上角的 y 坐标(相对于所属的 Window 或 Frame);默认:0
        w: 320, //(可选项)数字类型;插件的宽度;默认:320
        h: 280  //(可选项)数字类型;插件的高度;默认:280
    }
playerType:
- 类型: 数值型
- 描述:(可选项)播放器内核类型(0代表ijkplayer,1代表exoplayer)
- 默认值: (可选项)0
isLive:
- 类型: 布尔型
- 描述:(可选项)是否直播
- 默认值: (可选项)false
fileType:
- 类型: 字符串
- 描述:(可选项)视频格式 是m3u8视频格式才需要填写此值
- 默认值: (可选项)无
enableOrientation:
- 类型:布尔
- 描述:全屏时,是否自动旋转
- 默认值: (可选项)true
playStart:
- 类型: 布尔类型
- 描述:(可选项)初始化后是否立即播放
- 默认值: (可选项)true
scaleType:
- 类型: 数值型
- 描述:(可选项)缩放模式,传0-5有效
- 默认值: (可选项)0
fixedOn:
- 类型:字符串
- 描述:(必填项)插件视图添加到指定 frame 的名字(只指 frame,传 window 无效) 
- 默认值:插件依附于当前 window
fixed:
- 类型:布尔
- 描述:(可选项) 
- 默认值:true(不随之滚动)

callback(ret, err)

ret:
- 类型:JSON 对象
- 内部字段:
{
    status:true
    eventType:"backClick"
    -- 描述:返回事件类型
            backClick: 点击返回按钮
            changeFullScreen:横屏竖屏状态改变                                            
}

示例代码

    var superPlayer =api.require('superPlayer');
    superPlayer.openPlayerView({
        "title":"CCTV1",
        "url":"http://111.13.111.242/otttv.bj.chinamobile.com/PLTV/88888888/224/3221226226/1.m3u8",
        "fileType":"m3u8",
        "isLive":true,
        "playerType":1,
        "playStart":true,
        "rect":{
            "w":360,
            "h":216,
            "x":0,
            "y":0
            },
        "fixedOn":api.frameName,
        "fixed":true
        },function(ret,err){
            
    })

** setPlayerViewAttr**

打开播放器后,重新设置播放器的属性
setPlayerViewAttr(callback(ret, err))

params

 url:
- 类型:字符串
- 描述:(必填项) 视屏地址 支持http://、https、fs://,widget://等协议路径
title:
- 类型: 字符串
- 描述:(可选项)视屏标题
headers:
- 类型: JSON对象
- 描述:(可选项)请求头
rect:
- 类型:字符串
- 描述:(必填项) 视屏位置
    {
        x: 0,   //(可选项)数字类型;插件左上角的 x 坐标(相对于所属的 Window 或 Frame);默认:0
        y: 0,   //(可选项)数字类型;插件左上角的 y 坐标(相对于所属的 Window 或 Frame);默认:0
        w: 320, //(可选项)数字类型;插件的宽度;默认:所属的 Window 或 Frame 的宽度
        h: 280  //(可选项)数字类型;插件的高度;默认:w的3/4
    }
playerType:
- 类型: 数值型
- 描述:(可选项)播放器内核类型(0代表ijkplayer,1代表exoplayer)
- 默认值: (可选项)0
enableOrientation:
- 类型:布尔
- 描述:全屏时,是否自动旋转
- 默认值: (可选项)true

** playPlayer**

 播放视屏
var superPlayer =api.require('superPlayer');
superPlayer.playPlayer(function(ret, err){

})

** pausePlayer**

 暂停视屏
var superPlayer =api.require('superPlayer');
superPlayer.pausePlayer(function(ret, err){

})

** releaseVideo**

释放播放器资源
var superPlayer =api.require('superPlayer');
superPlayer.releaseVideo(function(ret, err){

})

** closePlayerView**

关闭视屏播放器
var superPlayer =api.require('superPlayer');
superPlayer.closePlayerView(function(ret, err){

})

可提供的1.0.0及更高版本

补充说明

本插件所有功能只适用Android系统

是否仍需要帮助? 请保持联络!
最后更新于 2024/04/24