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
版权信息
本文档内容依据原作者发布页面整理翻译,版权归原作者所有。
- 原作者:Zain Ul Hassan(zainulhassan)
- 原始网址:https://community.kodular.io/t/v-2-0-6-plyr-video-player-fullscreen-qualities-captions-thumbnail-attaractive-ui/112735
扫码添加客服咨询