easy-player-pro 0.1.5 → 0.1.7

package/lib/core/easy-player-pro.js

@@ -120,8 +120,14 @@ export class EasyPlayerPro {
         this.isDestroy = false;
         this.controller = new AbortController();
         this.signal = this.controller.signal;
-        this.player.on('play', () => this.onPlay());
-        this.player.on('pause', () => this.onPause());
+        this.player.on('play', () => {
+            this.player.$container.querySelector('.easyplayer-controls-code-wrap').style.display = 'none';
+            this.onPlay();
+        });
+        this.player.on('pause', () => {
+            this.player.$container.querySelector('.easyplayer-controls-code-wrap').style.display = 'none';
+            this.onPause();
+        });
         this.player.on('videoInfo', (videoInfo) => this.onVideoInfo(videoInfo));
         this.player.on('audioInfo', (audioInfo) => this.onAudioInfo(audioInfo));
         this.player.on('fullscreen', (isFullscreen) => this.onFullscreen(isFullscreen));
@@ -151,7 +157,7 @@ export class EasyPlayerPro {
         return new Promise((resolve, reject) => {
             try {
                 if (this.player) {
-                    if (this.isRtcSRS()) {
+                    if (this._isRtcSRS()) {
                         this.player.$container.querySelector('.easyplayer-loading').style.display = 'flex';
                         this.player.player._opt.url = url;
                         if (this.videoElement) {
@@ -182,7 +188,6 @@ export class EasyPlayerPro {
                     else {
                         this.player.play(url).then(() => {
                             setTimeout(() => {
-                                this.player.$container.querySelector('.easyplayer-controls-code-wrap').style.display = 'none';
                                 resolve();
                             }, 300);
                         }).catch(reject);
@@ -250,7 +255,7 @@ export class EasyPlayerPro {
      */
     pause() {
         if (this.player) {
-            if (this.isRtcSRS()) {
+            if (this._isRtcSRS()) {
                 this.videoElement.pause();
                 this.player.$container.querySelector('.easyplayer-controls-item.easyplayer-play').style.display = 'flex';
                 this.player.$container.querySelector('.easyplayer-controls-item.easyplayer-pause').style.display = 'none';
@@ -265,7 +270,7 @@ export class EasyPlayerPro {
      */
     isPause() {
         if (this.player) {
-            if (this.isRtcSRS()) {
+            if (this._isRtcSRS()) {
                 return this.videoElement.paused;
             }
             else {
@@ -282,7 +287,7 @@ export class EasyPlayerPro {
      */
     setMute(isMute) {
         if (this.player) {
-            if (this.isRtcSRS()) {
+            if (this._isRtcSRS()) {
                 this.videoElement.muted = isMute;
                 this.player.$container.querySelector('.easyplayer-icon-audio').style.display = isMute ? 'none' : 'flex';
                 this.player.$container.querySelector('.easyplayer-icon-mute').style.display = isMute ? 'flex' : 'none';
@@ -297,7 +302,7 @@ export class EasyPlayerPro {
      */
     isMute() {
         if (this.player) {
-            if (this.isRtcSRS()) {
+            if (this._isRtcSRS()) {
                 return this.videoElement.muted;
             }
             else {
@@ -379,7 +384,7 @@ export class EasyPlayerPro {
     /**
      * 判断是否为SRS直播源
      */
-    isRtcSRS() {
+    _isRtcSRS() {
         return this.config.isRtcSRS || (this._url.indexOf('/rtc/v1/whep') > -1);
     }
     /**
@@ -387,7 +392,7 @@ export class EasyPlayerPro {
      */
     destroy() {
         if (this.player) {
-            if (this.isRtcSRS()) {
+            if (this._isRtcSRS()) {
                 this.controller.abort();
             }
             this.player.destroy();

package/lib/css/index.css

@@ -0,0 +1,4 @@
+.easyplayer-container .easyplayer-play-big:after, .easyplayer-container .easyplayer-play-big:hover:after{
+    background-image:url("../img/icon-play.svg");
+    background-size: 48px;
+}

package/lib/img/icon-play.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#fff" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M6.906 4.537A.6.6 0 0 0 6 5.053v13.894a.6.6 0 0 0 .906.516l11.723-6.947a.6.6 0 0 0 0-1.032z"/></svg>

package/lib/index.js

@@ -1,2 +1,3 @@
+import './css/index.css';
 import * as easyPlayer from './core/easy-player-pro';
 export default easyPlayer.EasyPlayerPro;

package/lib/types/core/easy-player-pro.d.ts

@@ -183,7 +183,7 @@ export declare class EasyPlayerPro {
     /**
      * 判断是否为SRS直播源
      */
-    isRtcSRS(): boolean;
+    private _isRtcSRS;
     /**
      * 关闭视频，释放底层资源
      */

package/lib/types/index.d.ts

@@ -1,3 +1,4 @@
+import './css/index.css';
 import * as easyPlayer from './core/easy-player-pro';
 export type VideoInfo = easyPlayer.VideoInfo;
 export type AudioInfo = easyPlayer.AudioInfo;

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "easy-player-pro",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "description": "easy-player-pro 是一款能够同时支持HTTP、HTTP-FLV、HLS（m3u8）、WS、WEBRTC、FMP4视频直播与视频点播等多种协议，支持H.264、H.265、AAC、G711A、Mp3等多种音视频编码格式，支持MSE、WASM、WebCodec等多种解码方式，支持Windows、Linux、Android、iOS全平台终端的H5播放器，使用简单, 功能强大",
   "type": "module",
   "module": "./lib/index.js",
   "scripts": {
-    "build": "tsc"
+    "build": "node build.js && tsc"
   },
   "files": [
     "lib"