zoukankan      html  css  js  c++  java
  • RTMP、HLS、FLV,、WebSocket 于一身的网页直播/点播播放器EasyPlayer.js如何实现倍速播放?

    需求分析

    一般对于一个播放器,应该支持如下几种显示模式:

    • 等比例,最大化区域显示,不裁剪
    • 等比例,最大区域显示,裁剪
    • 拉伸显示,铺满全屏

    要实现这几种显示模式。其实只要对播放控件的布局进行些许调整即可。

    那EasyPlayer是怎么实现的呢?

    EasyPlayer是一款流媒体播放器系列项目,支持RTSP、RTMP、HTTP、HLS、UDP、RTP、File等多种流媒体协议播放、 支持本地文件播放,支持本地抓拍、本地录像、播放旋转、多屏播放、倍数播放等多种功能特性,核心基于ffmpeg,稳定、高效、可靠、可控。

    随着多年不断的发展和迭代,不断基于成功的实践经验,发展出包括有: EasyPlayer RTSP、EasyPlayer RTMP、EasyPlayerPro 和EasyPlayer.js 等播放器。目前支持Windows、 Android、iOS三个平台,同时EasyPlayer.js还支持Linux平台。

    EasyPlayer.js如何实现倍速播放?

    分析问题

    H5中video标签支持倍速播放。Video.js 是一个通用的在网页上嵌入视频播放器的 JS 库,Video.js 自动检测浏览器对 HTML5 的支持情况,如果不支持 HTML5 则自动使用 Flash 播放器。Video.js实例化video时添加属性。

    解决问题

    在video.js实例化video标签时添加playbackRates此属性就可以实现倍速播放。

  • 相关阅读:
    一个支持asp.net2.0和Sql server及Access的免费空间
    ASP.NET2.0数据指南中文版索引
    所阅读的ASP.NET 2.0文章
    SQL SERVER实用技巧
    2000/XP/2003常见问题集锦
    解讀多重啟動引導文件——BOOT.INI
    【译】Html5游戏开发示例(2)
    unity3d 鼠标事件穿透GUI的处理
    【译】Html5游戏开发示例(3)
    unity3d 截屏
  • 原文地址:https://www.cnblogs.com/TSINGSEE/p/12021275.html
Copyright © 2011-2022 走看看