pb-sxp-ui 1.0.29 → 1.0.31
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +20 -17
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +20 -17
- package/dist/index.js.map +1 -1
- package/dist/index.min.cjs +3 -3
- package/dist/index.min.cjs.map +1 -1
- package/dist/index.min.js +3 -3
- package/dist/index.min.js.map +1 -1
- package/dist/pb-ui.js +23 -21
- package/dist/pb-ui.js.map +1 -1
- package/dist/pb-ui.min.js +3 -3
- package/dist/pb-ui.min.js.map +1 -1
- package/es/core/components/SxpPageRender/VideoWidget/index.js +20 -4
- package/lib/core/components/SxpPageRender/VideoWidget/index.js +20 -4
- package/package.json +2 -1
package/dist/pb-ui.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('lodash'), require('uuid'), require('pako'), require('react'), require('qs'), require('@emotion/css'), require('@ant-design/pro-components'), require('react-dom'), require('eventemitter3')) :
|
|
3
|
-
typeof define === 'function' && define.amd ? define(['exports', 'lodash', 'uuid', 'pako', 'react', 'qs', '@emotion/css', '@ant-design/pro-components', 'react-dom', 'eventemitter3'], factory) :
|
|
4
|
-
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.PUI = {}, global.lodash, global.uuid$1, global.pako, global.React, global.qs, global.css, global.proComponents, global.ReactDOM, global.EventEmitter));
|
|
5
|
-
})(this, (function (exports, lodash, uuid$1, pako, React, qs, css, proComponents, ReactDOM, EventEmitter) { 'use strict';
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('lodash'), require('uuid'), require('pako'), require('react'), require('qs'), require('@emotion/css'), require('@ant-design/pro-components'), require('react-dom'), require('hls.js'), require('eventemitter3')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define(['exports', 'lodash', 'uuid', 'pako', 'react', 'qs', '@emotion/css', '@ant-design/pro-components', 'react-dom', 'hls.js', 'eventemitter3'], factory) :
|
|
4
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.PUI = {}, global.lodash, global.uuid$1, global.pako, global.React, global.qs, global.css, global.proComponents, global.ReactDOM, global.Hls, global.EventEmitter));
|
|
5
|
+
})(this, (function (exports, lodash, uuid$1, pako, React, qs, css, proComponents, ReactDOM, Hls, EventEmitter) { 'use strict';
|
|
6
6
|
|
|
7
7
|
function _interopNamespaceDefault(e) {
|
|
8
8
|
var n = Object.create(null);
|
|
@@ -12118,20 +12118,22 @@ Made in Italy` })));
|
|
|
12118
12118
|
setIsPauseVideo(false);
|
|
12119
12119
|
if (!videoRef.current.src) {
|
|
12120
12120
|
const videoSrc = rec.video.url;
|
|
12121
|
-
|
|
12122
|
-
|
|
12123
|
-
|
|
12124
|
-
|
|
12125
|
-
|
|
12126
|
-
|
|
12127
|
-
|
|
12128
|
-
|
|
12129
|
-
|
|
12130
|
-
|
|
12131
|
-
|
|
12132
|
-
|
|
12133
|
-
|
|
12134
|
-
|
|
12121
|
+
if (videoSrc.includes('.m3u8')) {
|
|
12122
|
+
if (Hls.isSupported()) {
|
|
12123
|
+
const hls = new Hls();
|
|
12124
|
+
hls.loadSource(videoSrc);
|
|
12125
|
+
hls.attachMedia(videoRef.current);
|
|
12126
|
+
}
|
|
12127
|
+
else if (videoRef.current.canPlayType('application/vnd.apple.mpegurl')) {
|
|
12128
|
+
videoRef.current.src = videoSrc;
|
|
12129
|
+
}
|
|
12130
|
+
else {
|
|
12131
|
+
videoRef.current.src = videoSrc;
|
|
12132
|
+
}
|
|
12133
|
+
}
|
|
12134
|
+
else {
|
|
12135
|
+
videoRef.current.src = videoSrc;
|
|
12136
|
+
}
|
|
12135
12137
|
videoRef.current.setAttribute('x5-playsinline', 'true');
|
|
12136
12138
|
videoRef.current.setAttribute('webkit-playsinline', 'true');
|
|
12137
12139
|
}
|
|
@@ -12225,16 +12227,16 @@ Made in Italy` })));
|
|
|
12225
12227
|
React.createElement("div", { style: {
|
|
12226
12228
|
position: 'absolute',
|
|
12227
12229
|
width: '100%',
|
|
12228
|
-
height: '
|
|
12230
|
+
height: '100%',
|
|
12229
12231
|
top: '50%',
|
|
12230
12232
|
transform: translateY,
|
|
12231
12233
|
left: 0,
|
|
12232
12234
|
right: 0
|
|
12233
12235
|
} },
|
|
12234
|
-
React.createElement("div", { style: { position: 'relative' } },
|
|
12236
|
+
React.createElement("div", { style: { position: 'relative', width: '100%', height: '100%' } },
|
|
12235
12237
|
React.createElement("video", { id: `pb-video-${index}`, className: 'clc-pb-video', ref: videoRef, crossOrigin: 'anonymous', muted: true, controls: false, playsInline: true, preload: 'auto', onPause: onPause, onEnded: handleVideoStart, style: {
|
|
12236
12238
|
width: '100%',
|
|
12237
|
-
height: '
|
|
12239
|
+
height: '100%',
|
|
12238
12240
|
objectFit: 'contain'
|
|
12239
12241
|
} }),
|
|
12240
12242
|
React.createElement("img", { hidden: !isPauseVideo, className: 'clc-pb-video-pause', src: PAUSE_ICON }))),
|