-
Notifications
You must be signed in to change notification settings - Fork 2
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
8 changed files
with
134 additions
and
45 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,17 +1,36 @@ | ||
| # chplayer | ||
| 网页视频播放器，html5优先，兼容移动端，支持mp4,flv,f4v以及m3u8格式，支持rtmp。支持点播和直播 | ||
| 官网：http://www.chplayer.com | ||
| 演示：http://www.chplayer.com/down/v1.0/ | ||
| ## 简介 | ||
| [CHPlayer](http://www.chplayer.com/),支持http协议下的flv,f4v,mp4,支持rtmp视频流和rtmp视频回放, | ||
| 支持m3u8格式,是你做视频直播,视频点播的理想播放器。</br> | ||
| 本项目属于非官方定制版，嵌入了P2P加速引擎CDNBye [hlsjs-p2p-engine](https://github.com/cdnbye/hlsjs-p2p-engine)， | ||
| 播放hls流支持P2P加速，API与CHPlayer保持一致，使用方法参考[quick-start.html](quick-start.html)。 | ||
|
|
||
| ## 调用示例 | ||
| ``` | ||
| ## 示例 | ||
| ```javascript | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <body> | ||
| <div id="video" style="width: 100%; height: 400px;max-width: 600px;"></div> | ||
| <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/p2p-chplayer@latest/chplayer/chplayer.min.js" charset="UTF-8"></script> | ||
| <script type="text/javascript"> | ||
| var videoObject = { | ||
| logo: 'chplayer', //设置logo，非必须 | ||
| container: '#video',//“#”代表容器的ID，“.”或“”代表容器的class | ||
| variable: 'player',//该属性必需设置，值等于下面的new chplayer()的对象 | ||
| video:'examples01.mp4'//视频地址 | ||
| }; | ||
| var player=new chplayer(videoObject); | ||
| var videoObject = { | ||
| container: '#video',//“#”代表容器的ID，“.”或“”代表容器的class | ||
| variable: 'player',//该属性必需设置，值等于下面的new chplayer()的对象 | ||
| autoplay: true, | ||
| html5m3u8: true, | ||
| video: 'http://cn1.ruioushang.com/hls/20190824/6bbb04d6e14df9b331cf88409a8846c6/1566615719/index.m3u8',//视频地址 | ||
| hlsjsConfig: { // hlsjs和CDNBye的配置参数 | ||
| debug: false, | ||
| // Other hlsjsConfig options provided by hls.js | ||
| p2pConfig: { | ||
| logLevel: false, | ||
| live: false, | ||
| // Other p2pConfig options provided by CDNBye | ||
| // https://github.com/cdnbye/hlsjs-p2p-engine/blob/master/docs/%E4%B8%AD%E6%96%87/API.md | ||
| } | ||
| } | ||
| }; | ||
| var player = new chplayer(videoObject); | ||
| </script> | ||
| </body> | ||
| </html> | ||
| ``` |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,26 @@ | ||
| { | ||
| "name": "p2p-chplayer", | ||
| "version": "0.1.0", | ||
| "description": "网页视频播放器，html5优先，兼容移动端，支持mp4,flv,f4v以及m3u8格式，支持rtmp。支持点播和直播 官网：http://www.chplayer.com 演示：http://www.chplayer.com/down/v1.0/", | ||
| "main": "webpack.config.js", | ||
| "scripts": { | ||
| "build": "webpack --config webpack.config.js", | ||
| "publish": "npm publish", | ||
| "git-push": "git add . && git commit -m 'fix bug' && git push", | ||
| "test": "echo \"Error: no test specified\" && exit 1" | ||
| }, | ||
| "repository": { | ||
| "type": "git", | ||
| "url": "git+https://github.com/cdnbye/P2P-CHPlayer.git" | ||
| }, | ||
| "author": "cdnbye", | ||
| "license": "ISC", | ||
| "bugs": { | ||
| "url": "https://github.com/cdnbye/P2P-CHPlayer/issues" | ||
| }, | ||
| "homepage": "https://github.com/cdnbye/P2P-CHPlayer#readme", | ||
| "devDependencies": { | ||
| "webpack": "^4.41.2", | ||
| "webpack-cli": "^3.3.10" | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,27 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <body> | ||
| <div id="video" style="width: 100%; height: 400px;max-width: 600px;"></div> | ||
| <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/p2p-chplayer@latest/chplayer/chplayer.min.js" charset="UTF-8"></script> | ||
| <script type="text/javascript"> | ||
| var videoObject = { | ||
| container: '#video',//“#”代表容器的ID，“.”或“”代表容器的class | ||
| variable: 'player',//该属性必需设置，值等于下面的new chplayer()的对象 | ||
| autoplay: true, | ||
| html5m3u8: true, | ||
| video: 'http://cn1.ruioushang.com/hls/20190824/6bbb04d6e14df9b331cf88409a8846c6/1566615719/index.m3u8',//视频地址 | ||
| hlsjsConfig: { // hlsjs和CDNBye的配置参数 | ||
| debug: false, | ||
| // Other hlsjsConfig options provided by hls.js | ||
| p2pConfig: { | ||
| logLevel: false, | ||
| live: false, | ||
| // Other p2pConfig options provided by CDNBye | ||
| // https://github.com/cdnbye/hlsjs-p2p-engine/blob/master/docs/%E4%B8%AD%E6%96%87/API.md | ||
| } | ||
| } | ||
| }; | ||
| var player = new chplayer(videoObject); | ||
| </script> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,10 @@ | ||
|
|
||
| const path = require('path'); | ||
|
|
||
| module.exports = { | ||
| entry:'./chplayer/chplayer.js', | ||
| output: { | ||
| filename: 'chplayer.min.js', | ||
| path: path.resolve(__dirname, 'chplayer') | ||
| } | ||
| }; |