Plyr视频播放器拓展:全屏、画质、字幕、缩略图、强大的用户界面

« 返回首页

logo Plyr 拓展

Plyr 是一种简单直接的方法,可以在您的应用中实现出色的视频播放器,而无需担心状态管理。它具有多种功能,使其在市场上脱颖而出。您可以在个人和商业项目中自由使用它。它基于 Plyr.io

功能

  • 支持缩略图
  • 支持直播
  • 支持 M3U8 文件
  • 支持多种字幕
  • 支持多种视频质量
  • 支持缓存
  • 流畅的视频加载
  • 响应式设计
  • 支持本地文件
  • 离线工作
  • 还有更多功能即将推出。

属性

CaptionsVisible字幕可见
切换字幕可见性
ControlsCaptions字幕控件
Property for ControlsCaptions
ControlsCurrentTime当前时间控件
Property for ControlsCurrentTime
ControlsDuration时长控件
Property for ControlsDuration
ControlsForward快进控件
Property for ControlsForward
ControlsFullScreen全屏控件
Property for ControlsFullScreen
ControlsMute静音控件
Property for ControlsMute
ControlsPlay播放控件
Property for ControlsPlay
ControlsPlayLarge大播放按钮控件
Property for ControlsPlayLarge
ControlsProgress进度条控件
Property for ControlsProgress
ControlsRewind快退控件
Property for ControlsRewind
ControlsSettings设置控件
Property for ControlsSettings
ControlsVisible控件可见
切换控制界面可见性
ControlsVolume音量控件
Property for ControlsVolume
CurrentQuality当前画质
更改媒体质量
CurrentTrack当前字幕轨道
设置当前轨道
Loop循环播放
切换循环播放
MediaTypeAudio媒体类型音频
Property for MediaTypeAudio
MediaTypeHls媒体类型HLS流
Property for MediaTypeHls
MediaTypeVideo媒体类型视频
Property for MediaTypeVideo
MediaTypeVimeo媒体类型Vimeo
Property for MediaTypeVimeo
MediaTypeYouTube媒体类型YouTube
Property for MediaTypeYouTube
SetSource设置源
设置媒体源
Speed播放速度
更改播放速度
Thumbnail缩略图
设置缩略图

事件

GotMetadata获取到元数据时(data)
视频元数据加载时触发的事件
GotText获取到文本时(text)
播放器返回当前时间字幕文本时触发的事件
LoadingState加载状态变化时(isLoading)
加载状态改变时触发的事件
OnComplete播放完成时()
视频播放完成时触发的事件
OnError出错时(error)
发生错误时触发的事件
OnFullScreenChanged全屏状态变化时(isFullscreen)
全屏状态改变时触发的事件
OnPause暂停时()
视频暂停时触发的事件
OnPlay播放时()
视频播放时触发的事件
OnReady就绪时()
播放器准备就绪时触发的事件
TimeUpdated时间更新时(time)
时间变化时触发的事件
TrackAdded字幕轨道添加时(title,language)
添加新轨道时触发的事件

方法

AddSubtitle添加字幕(path,language)
添加字幕
Format格式化时间(milliseconds)
将毫秒转换为 hh:mm:ss 时间格式
Forward快进(milliseconds)
向前跳转
GetMetadata获取元数据()
获取元数据(与视频相关的属性,如标题、类型、质量等)
Initialize初始化(layout,path,thumbnail,subtitle,subtitlesLang,mediaType,controls)
初始化播放器
Pause暂停()
暂停媒体
Play播放()
播放媒体
RemoveSubtitles移除字幕()
移除所有字幕
Rewind快退(milliseconds)
向后跳转
SeekTo跳转到(milliseconds)
跳转到特定毫秒数
Stop停止()
停止媒体播放并重置到初始位置

使用案例

播放网络视频并提供基础控制

在屏幕中添加一个用于承载播放器的布局和 Plyr 扩展,在屏幕初始化时调用 Initialize

when Screen1.Initialize() {
  Plyr1.Initialize(
    垂直布局_播放器,
    "https://example.com/video.mp4",
    "",
    "",
    "",
    Plyr1.MediaTypeVideo,
    [Plyr1.ControlsPlay, Plyr1.ControlsProgress, Plyr1.ControlsFullScreen])
}

when 按钮_播放.Click() {
  Plyr1.Play()
}

when 按钮_暂停.Click() {
  Plyr1.Pause()
}

when 按钮_进度.Click() {
  Plyr1.SeekTo(30000)
}

when 按钮_字幕.Click() {
  Plyr1.AddSubtitle("https://example.com/subtitle.vtt", "zh")
}

when Plyr1.OnReady() {
  按钮_播放.Enabled = true
}

when Plyr1.OnComplete() {
  标签_状态.Text = "播放完成"
}

when Plyr1.OnError(error) {
  标签_状态.Text = error
}

上面的积木覆盖播放器初始化、播放、暂停、跳转、字幕、就绪、播放完成和错误处理。

aix拓展下载

最新版本:v2.0.6

com.dreamers.plyr.aix


版权信息

本文档内容依据原作者发布页面整理翻译,版权归原作者所有。

  • 原作者:Zain Ul Hassan(zainulhassan)
  • 原始网址:https://community.kodular.io/t/v-2-0-6-plyr-video-player-fullscreen-qualities-captions-thumbnail-attaractive-ui/112735
文档反馈