<img width=300 src="./logo.svg" alt="VHS Logo consisting of a VHS tape, the Video.js logo and the words VHS" />
# videojs-http-streaming (VHS)
[![Build Status][travis-icon]][travis-link]
[![Slack Status][slack-icon]][slack-link]
[![Greenkeeper badge][greenkeeper-icon]][greenkeeper-link]
Play HLS, DASH, and future HTTP streaming protocols with video.js, even where they're not
natively supported.
Included in video.js 7 by default! See the [video.js 7 blog post](https://blog.videojs.com/video-js-7-is-here/)
Maintenance Status: Stable
Video.js Compatibility: 6.0, 7.0
<!-- START doctoc generated TOC please keep comment here to allow auto update -->
<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->
**Table of Contents** *generated with [DocToc](https://github.com/thlorenz/doctoc)*
- [Installation](#installation)
- [NPM](#npm)
- [CDN](#cdn)
- [Releases](#releases)
- [Manual Build](#manual-build)
- [Contributing](#contributing)
- [Troubleshooting](#troubleshooting)
- [Talk to us](#talk-to-us)
- [Getting Started](#getting-started)
- [Compatibility](#compatibility)
- [Via MSE](#via-mse)
- [Native only](#native-only)
- [Flash Support](#flash-support)
- [DRM](#drm)
- [Documentation](#documentation)
- [Options](#options)
- [How to use](#how-to-use)
- [Initialization](#initialization)
- [Source](#source)
- [List](#list)
- [withCredentials](#withcredentials)
- [handleManifestRedirects](#handlemanifestredirects)
- [useCueTags](#usecuetags)
- [overrideNative](#overridenative)
- [blacklistDuration](#blacklistduration)
- [bandwidth](#bandwidth)
- [useBandwidthFromLocalStorage](#usebandwidthfromlocalstorage)
- [enableLowInitialPlaylist](#enablelowinitialplaylist)
- [limitRenditionByPlayerDimensions](#limitrenditionbyplayerdimensions)
- [smoothQualityChange](#smoothqualitychange)
- [allowSeeksWithinUnsafeLiveWindow](#allowseekswithinunsafelivewindow)
- [customTagParsers](#customtagparsers)
- [customTagMappers](#customtagmappers)
- [cacheEncryptionKeys](#cacheencryptionkeys)
- [Runtime Properties](#runtime-properties)
- [hls.playlists.master](#hlsplaylistsmaster)
- [hls.playlists.media](#hlsplaylistsmedia)
- [hls.systemBandwidth](#hlssystembandwidth)
- [hls.bandwidth](#hlsbandwidth)
- [hls.throughput](#hlsthroughput)
- [hls.selectPlaylist](#hlsselectplaylist)
- [hls.representations](#hlsrepresentations)
- [hls.xhr](#hlsxhr)
- [hls.stats](#hlsstats)
- [Events](#events)
- [loadedmetadata](#loadedmetadata)
- [HLS Usage Events](#hls-usage-events)
- [Presence Stats](#presence-stats)
- [Use Stats](#use-stats)
- [In-Band Metadata](#in-band-metadata)
- [Segment Metadata](#segment-metadata)
- [Hosting Considerations](#hosting-considerations)
- [Known Issues](#known-issues)
- [Fragmented MP4 Support](#fragmented-mp4-support)
- [Testing](#testing)
- [Debugging](#debugging)
- [Release History](#release-history)
- [Building](#building)
- [Development](#development)
- [Tools](#tools)
- [Commands](#commands)
<!-- END doctoc generated TOC please keep comment here to allow auto update -->
## Installation
### NPM
To install `videojs-http-streaming` with npm run
```bash
npm install --save @videojs/http-streaming
```
### CDN
Select a version of VHS from the [CDN](https://unpkg.com/@videojs/http-streaming/dist/)
### Releases
Download a release of [videojs-http-streaming](https://github.com/videojs/http-streaming/releases)
### Manual Build
Download a copy of this git repository and then follow the steps in [Building](#building)
## Contributing
See [CONTRIBUTING.md](/CONTRIBUTING.md)
## Troubleshooting
See [our troubleshooting guide](/docs/troubleshooting.md)
## Talk to us
Drop by our slack channel (#playback) on the [Video.js slack][slack-link].
## Getting Started
This library is included in video.js 7 by default, if you are using an older version of video.js then
get a copy of [videojs-http-streaming](#installation) and include it in your page along with video.js:
```html
<video-js id=vid1 width=600 height=300 class="vjs-default-skin" controls>
<source
src="https://example.com/index.m3u8"
type="application/x-mpegURL">
</video-js>
<script src="video.js"></script>
<script src="videojs-http-streaming.min.js"></script>
<script>
var player = videojs('vid1');
player.play();
</script>
```
Check out our [live example](https://jsbin.com/gejugat/edit?html,output) if you're having trouble.
Is it recommended to use the `<video-js>` element or load a source with `player.src(sourceObject)` in order to prevent the video element from playing the source natively where HLS is supported.
## Compatibility
### Via MSE
- Chrome
- Firefox
- Internet Explorer 11 Windows 10 or 8.1
Using the [overrideNative](#overridenative) option
- Chrome Android
- Edge
### Native only
- Mac Safari
- iOS Safari
### Flash Support
This plugin does not support Flash playback. Instead, it is recommended that users use the [videojs-flashls-source-handler](https://github.com/brightcove/videojs-flashls-source-handler) plugin as a fallback option for browsers that don't have a native
[HLS](https://caniuse.com/#feat=http-live-streaming)/[DASH](https://caniuse.com/#feat=mpeg-dash) player or support for [Media Source Extensions](http://caniuse.com/#feat=mediasource).
### DRM
DRM is supported through [videojs-contrib-eme](https://github.com/videojs/videojs-contrib-eme). In order to use DRM, include the videojs-contrib-eme plug, [initialize it](https://github.com/videojs/videojs-contrib-eme#initialization), and add options to either the [plugin](https://github.com/videojs/videojs-contrib-eme#plugin-options) or the [source](https://github.com/videojs/videojs-contrib-eme#source-options).
Detailed option information can be found in the [videojs-contrib-eme README](https://github.com/videojs/videojs-contrib-eme/blob/master/README.md).
## Documentation
[HTTP Live Streaming](https://developer.apple.com/streaming/) (HLS) has
become a de-facto standard for streaming video on mobile devices
thanks to its native support on iOS and Android. There are a number of
reasons independent of platform to recommend the format, though:
- Supports (client-driven) adaptive bitrate selection
- Delivered over standard HTTP ports
- Simple, text-based manifest format
- No proprietary streaming servers required
Unfortunately, all the major desktop browsers except for Safari are
missing HLS support. That leaves web developers in the unfortunate
position of having to maintain alternate renditions of the same video
and potentially having to forego HTML-based video entirely to provide
the best desktop viewing experience.
This project addresses that situation by providing a polyfill for HLS
on browsers that have support for [Media Source
Extensions](http://caniuse.com/#feat=mediasource).
You can deploy a single HLS stream, code against the
regular HTML5 video APIs, and create a fast, high-quality video
experience across all the big web device categories.
Check out the [full documentation](docs/README.md) for details on how HLS works
and advanced configuration. A description of the [adaptive switching
behavior](docs/bitrate-switching.md) is available, too.
videojs-http-streaming supports a bunch of HLS features. Here
are some highlights:
- video-on-demand and live playback modes
- backup or redundant streams
- mid-segment quality switching
- AES-128 segment encryption
- CEA-608 captions are automatically translated into standard HTML5
[caption text tracks][0]
- In-Manifest WebVTT subtitles are automatically translated into standard HTML5
subtitle tracks
- Timed ID3 Metadata is automatically translated into HTML5 metedata
text tracks
- Highly customizable adaptive bitrate selection
- Automatic bandwidth tracking
- Cross-domain credentials support with CORS
- Tight integration with video.js and a philosophy of exposing as much
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
基于ssm+mysql在线考试系统源码数据库.zip (2000个子文件)
summernote-bs2.css 149KB
summernote-bs3.css 144KB
bootstrap.css 138KB
bootstrap.min.css 118KB
style.min.css 114KB
style.min.css 114KB
bootstrap.min.css 106KB
bootstrap.min.css 106KB
style.css 95KB
materialdesignicons.css 93KB
styleLR.css 91KB
materialdesignicons.min.css 85KB
materialdesignicons.min.css 85KB
animate.css 74KB
animate.css 74KB
animate.css 70KB
ionicons.css 57KB
video-js-cdn.css 44KB
video-js.css 44KB
video-js-cdn.css 44KB
video-js.css 44KB
style.css 40KB
video-js-cdn.min.css 39KB
video-js.min.css 39KB
video-js-cdn.min.css 39KB
video-js.min.css 39KB
font-awesome.css 36KB
jquery-ui-1.9.2.custom.css 30KB
jquery-ui.min.css 29KB
jquery-ui.min.css 29KB
jquery-ui-1.9.2.custom.min.css 26KB
fullcalendar.css 25KB
fullcalendar.css 25KB
bootstrap-datepicker3.css 23KB
bootstrap-datepicker3.css 23KB
jquery-confirm.min.css 22KB
jquery-confirm.min.css 22KB
default.css 21KB
bootstrap-datepicker3.min.css 21KB
bootstrap-datepicker3.min.css 21KB
sweetalert.css 21KB
bootstrap-editable.css 21KB
themify-icons.css 16KB
bootstrap-datepicker.min.css 15KB
jquery.dataTables-custom.css 14KB
simple-line-icons.css 13KB
jquery.datatables.min.css 13KB
dropzone.css 12KB
ion.rangeSlider.min.css 11KB
ion.rangeSlider.min.css 11KB
videojs-icons.css 11KB
summernote.css 10KB
bootstrap-datetimepicker.css 9KB
bootstrap-datetimepicker.css 9KB
main.css 9KB
daterangepicker.css 8KB
bootstrap-datetimepicker.min.css 8KB
bootstrap-datetimepicker.min.css 8KB
jquery-jvectormap-2.0.2.css 6KB
ie7.css 6KB
jquery.steps.css 6KB
responsive.css 6KB
bootstrap-colorpicker.css 5KB
bootstrap-colorpicker.css 5KB
jquery.toast.min.css 5KB
swipebox.css 4KB
bootstrap-colorpicker.min.css 4KB
bootstrap-colorpicker.min.css 4KB
bootstrap-colorpicker.min.css 4KB
cropper.min.css 4KB
datepicker.css 4KB
datepicker.css 4KB
bootstrap-timepicker.min.css 3KB
bootstrap-timepicker.min.css 3KB
icons.css 3KB
bootstrap-clockpicker.min.css 3KB
bootstrap-clockpicker.min.css 3KB
qq.css 3KB
mocha.css 3KB
global.css 3KB
CssAdmin.css 3KB
multi-select.css 2KB
simple.css 2KB
bootstrap-wysihtml5.css 1KB
bootstrap-wysihtml5.css 1KB
index.css 979B
prettify.css 973B
jquery.tagsinput.min.css 903B
jquery.tagsinput.min.css 903B
jquery.bootstrap-touchspin.min.css 899B
jquery.bootstrap-touchspin.min.css 899B
jquery.bootstrap-touchspin.min.css 899B
jquery.bootstrap-touchspin.min.css 899B
page.css 780B
zoom.css 750B
style.css 628B
style.css 628B
morris.css 536B
morris.css 536B
webuploader.css 515B
共 2000 条
- 1
- 2
- 3
- 4
- 5
- 6
- 20
资源评论
栾还是恋
- 粉丝: 29
- 资源: 4996
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功