{"_id":"265player","_rev":"1-9220072b176c54bf6f7ec6f5a9c7ef6c","name":"265player","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"265player","version":"1.0.0","description":"集播放http-flv/WS-FLV , hls, websocket 于一身的H5`视频直播/视频点播`播放器, 使用简单, 功能强大；","main":"EasyWasmPlayer.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":{"name":"black"},"license":"ISC","_id":"265player@1.0.0","_nodeVersion":"12.18.2","_npmVersion":"6.14.5","dist":{"integrity":"sha512-pWvrfjuMK4u8JVht2qO2YurB+/05dLqbWn9Vwlo/C+QTUP3A8/C1FhansofLL5B9HpNX6M46sXT7pLxdlXW5+w==","shasum":"a66d4d0551ad611b0f3d240dd8c2e656fd346254","tarball":"https://registry.npmjs.org/265player/-/265player-1.0.0.tgz","fileCount":5,"unpackedSize":8362056,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfMPNaCRA9TVsSAnZWagAAAS0P/0gM+J0neLHv76CkEv9n\npeR/GooAQAO0Nybd4RqtdMXDJMUacO9GHvJ9h0FoOxeUa41bhj9DOrcNdvBM\nLeH4oPTngOLJeTPEoi8XXLW0RHmf1KuO3wtSsH+ZJSegu5rexQg3dWe0jdgK\nm0TyCiXuSEoB42pAuWd1Kzqq2CGOP8G5rJFO6ERGU8xIN+mzpwfR5X1slq7K\nplW71dgylhOjiHpGouKq4yH4QHRC9UNh56ko6DtwG5ObS1X8AI8yntxoRKhU\nOHQEKrRkEj9NjjHpX841pSfh3fLvDmSwkLIxGIKxlJyBnXdJzZA+jT/oe0ue\n3xjP2Y13f+cl36oUOVj7kPrWv5bvdWv9E+h/ua+wY6GXTHPS0nkUU86xpTHM\ni5ScmVaBqcV3MvuuogoEcymWZTWaFJSI8qOhHZuMmZE8A0/HulABcX25k8x3\neIgt4eS4izpmYlcgcOzld4vahuWip2Dvnr12qo+MDUqnfTVYKBid0o3KxZxt\nqg7pDB4Qq3dwBTs8VE526JX9ooX4rUPOMZSMKNL0U6MGY9HaHgOnGshQEazD\nEQlr6tVPEoFBRFeZ/CUO3XgLKQR4ktFNntkf1AqdH7oM6EVi38KGGTJk1wyE\nHdhUwF7si3A+rjCIVE/8LfSB9tplwM1cYB94Uk7Ofkye95/Y5vIlpqGWNAdF\nFXlA\r\n=WO55\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDVmEGEXb/N0qof3JQ9j+/lAJWfmNAAv9cH4+AbzdclFwIgDTcIcVgYYn0TjOoLACt2TbkYKCeJ0AXSnORJd85QEiI="}]},"maintainers":[{"name":"blacklol","email":"840075082@qq.com"}],"_npmUser":{"name":"blacklol","email":"840075082@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/265player_1.0.0_1597043546063_0.6600890273948716"},"_hasShrinkwrap":false}},"time":{"created":"2020-08-10T07:12:26.009Z","1.0.0":"2020-08-10T07:12:26.294Z","modified":"2022-04-04T10:18:34.430Z"},"maintainers":[{"name":"blacklol","email":"840075082@qq.com"}],"description":"集播放http-flv/WS-FLV , hls, websocket 于一身的H5`视频直播/视频点播`播放器, 使用简单, 功能强大；","author":{"name":"black"},"license":"ISC","readme":"\r\n     # EasyPlayer.js\r\n\r\n## 简介\r\n\r\n集播放http-flv/WS-FLV , hls, websocket 于一身的H5`视频直播/视频点播`播放器, 使用简单, 功能强大；\r\n\r\n## 功能说明\r\n\r\n- [x] 支持 MP4 播放\r\n\r\n- [x] 支持 m3u8/HLS 播放;\r\n\r\n- [x] 支持 HTTP-FLV/WS-FLV 播放;\r\n\r\n- [x] 支持 H265 播放;\r\n\r\n- [x] 支持直播和点播播放;\r\n\r\n- [x] 支持全屏显示;\r\n\r\n- [x] 支持重连播放；\r\n\r\n## HTML 集成示例\r\n\r\n- 使用方式\r\n\r\n- [x] 普通集成\r\n\r\ncopy  EasyWasmPlayer.js 到项目中\r\n\r\ncopy libDecoder.wasm到项目或者www的根目录（一定要根目录）\r\n\r\n在 html 中引用 EasyWasmPlayer.js\r\n\r\n```html\r\n<!DOCTYPE html>\r\n<html lang=\"en\">\r\n\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Document</title>\r\n    <script src=\"../dist/EasyWasmPlayer.js\"></script>\r\n</head>\r\n<body>\r\n    <div style=\"width:600px;height:400px;background-color:black;margin-left:200px\">\r\n        <div id=\"265Player\">\r\n        </div>\r\n        <script>\r\n            callbackfun = function (e) {\r\n                console.log(e);\r\n            }\r\n            var 265Player = new WasmPlayer(null,'265Player'，callbackFun,{cbUserPtr:this, decodeType:\"auto\", openAudio:1, BigPlay:false, Height:true})\r\n        </script>\r\n    </div>\r\n</body>\r\n\r\n</html>\r\n```\r\n\r\n- [x] vue集成\r\n\r\n```\r\n  npm install @easydarwin/easyplayer --save\r\n```\r\n\r\n- Vue 集成调用\r\n\r\ncopy node_modules/@easydarwin/easyplayer/EasyWasmPlayer.js 到 静态文件 根目录\r\n\r\ncopy node_modules/@easydarwin/easyplayer/libDecoder.wasm 到 项目 “根目录”\r\n\r\n\r\n**注意：** 若出现libDecoder.wasm的文件错误是此文件路径不对\r\n\r\n在 html 中引用 EasyWasmPlayer.js\r\n\r\n#### demo\r\n\r\n```html\r\n<!DOCTYPE html>\r\n<html lang=\"en\">\r\n  <head>\r\n    <meta charset=\"utf-8\" />\r\n    <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\" />\r\n    <meta name=\"viewport\" content=\"width=device-width,initial-scale=1.0\" />\r\n    <link rel=\"icon\" href=\"<%= BASE_URL %>favicon.ico\" />\r\n    <title>EasyPlayer-demo</title>\r\n    <script src=\"https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js\"></script>\r\n    <script src=\"./EasyWasmPlayer.js\"></script>\r\n  </head>\r\n  <body>\r\n    <noscript>\r\n      <strong\r\n        >We're sorry but easynvr-token doesn't work properly without JavaScript\r\n        enabled. Please enable it to continue.</strong\r\n      >\r\n    </noscript>\r\n    <div id=\"app\"></div>\r\n    <!-- built files will be auto injected -->\r\n  </body>\r\n</html>\r\n```\r\n- [x] npm集成\r\n\r\n```html\r\n......\r\n\r\n <div style=\"width:600px;height:400px;background-color:black;margin-left:200px\">\r\n    <div id=\"265Player\">\r\n   </div>\r\n </div>\r\n\r\n...... ...... import EasyPlayer from '@easydarwin/easyplayer'; ......\r\ncomponents: { EasyPlayer }\r\nmounted(){\r\n   var 265Player = new WasmPlayer(null,'265Player'，this.callbackFun,{cbUserPtr:this, decodeType:\"auto\", openAudio:1, BigPlay:false, Height:true})\r\n},\r\nmethods:{\r\n    callbackfun = function (e) {\r\n                console.log(e);\r\n            }\r\n}\r\n```\r\n\r\n\r\n\r\n## 实例化参数\r\n\r\nvar player = new wasmPlayer(url,ID，callbackFun,{cbUserPtr:this, decodeType\"auto\", openAudio\"1\" or \"0\", BigPlay\"true\" or \"false\", Height:\" true\" or \"false});\r\n\r\n| 参数               | 说明                                             | 类型                       | 默认值 |\r\n| ------------------ | ------------------------------------------------ | -------------------------- | ------ |\r\n| url                | 视频地址                                          | String                     | null    |\r\n| ID                 | 播放器实例的divID  (必传)                          | String                     | -      |\r\n| callbackFun        | 事件回调                                          |                            | -      |\r\n| cbUserPtr          | 自定义指针  (this的指向)                           |                            | this   |\r\n| decodeType         | 解码类型                                           |                            | auto   |\r\n| openAudio          | 是否打开音频                                       |Boolean                    | false   |\r\n| BigPlay            | 是否开启大的播放按钮                                |Boolean                     | false  |\r\n| Height             | 播放器尺寸是否继承父盒子的                          | Boolean                     | false |\r\n\r\n\r\n### 录像播放相关属性\r\n#### 注意：currentTime属性只在播放录像m3u8 有结束标记（#EXT-X-ENDLIST）的的流时生效。\r\nplay(url,autoplay,currentTime)\r\n| 属性        | 说明                                   | 类型    | 默认值             |\r\n| --------   | -------------------------------------- | ------- | ------------------|\r\n| url        | 播放流地址                              | String | -                  |\r\n| autoplay   |   是否自动播放                           | Boolean | 默认0             |\r\n| currentTime|  视频开始时间(换算成秒)                   | Number | 默认this            |\r\n\r\n## 事件\r\n\r\n| 方法名     | 说明         | 参数                                                    |\r\n| ---------- | ------------ | ---------------------                                  |\r\n| play       | 播放事件      | url:'流地址',autoplay: '自动播放',currentTime:'开始时间' |\r\n| pause      | 播放暂停     | -                                                       |\r\n| stop       | 停止播放     | -                                                       |\r\n| openAudio  | 打开声音      | -                                                      |\r\n| closeAudio | 关闭声音      | -                                                      |\r\n| startLoding| 开始加载动画  | -                                                   |\r\n| endLoding  | 结束加载动画  | -                                                   |\r\n\r\n\r\n\r\n## 更多流媒体音视频资源\r\n\r\nEasyDarwin开源流媒体服务器：<a href=\"http://www.easydarwin.org\" target=\"_blank\" title=\"EasyDarwin开源流媒体服务器\">www.EasyDarwin.org</a>\r\n\r\nEasyDSS高性能互联网直播服务：<a href=\"http://www.easydss.com\" target=\"_blank\" title=\"EasyDSS高性能互联网直播服务\">www.EasyDSS.com</a>\r\n\r\nEasyNVR安防视频可视化服务：<a href=\"http://www.easynvr.com\" target=\"_blank\" title=\"EasyNVR安防视频可视化服务\">www.EasyNVR.com</a>\r\n\r\nEasyNVS视频综合管理平台：<a href=\"http://www.easynvs.com\" target=\"_blank\" title=\"EasyNVS视频综合管理平台\">www.EasyNVS.com</a>\r\n\r\nEasyNTS云组网：<a href=\"http://www.easynts.com\" target=\"_blank\" title=\"EasyNTS云组网\">www.EasyNTS.com</a>\r\n\r\nEasyGBS国标GB/T28181服务器：<a href=\"http://www.easygbs.com\" target=\"_blank\" title=\"EasyGBS国标GB/T28181视频服务器\">www.EasyGBS.com</a>\r\n\r\nEasyRTS应急指挥平台：<a href=\"http://www.easyrts.com\" target=\"_blank\" title=\"EasyRTS应急指挥平台\">www.EasyRTS.com</a>\r\n\r\nTSINGSEE青犀开放平台：<a href=\"http://open.tsingsee.com\" target=\"_blank\" title=\"TSINGSEE青犀开放平台\">open.TSINGSEE.com</a>\r\n\r\nCopyright © <a href=\"http://www.tsingsee.com\" target=\"_blank\" title=\"青犀TSINGSEE\">www.TSINGSEE.com</a> Team 2012-2019\r\n\r\n![青犀TSINGSEE](http://www.easydarwin.org/public/images/tsingsee_qrcode_160.jpg)\r\n\r\n","readmeFilename":"README.md"}