@cloud-app-dev/vidc 4.0.15 → 4.0.17
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/.dumirc.ts +2 -18
- package/.fatherrc.ts +0 -1
- package/package.json +35 -31
- package/release-build.sh +1 -2
- package/es/AppContext/Sync.d.ts +0 -8
- package/es/AppContext/Sync.js +0 -44
- package/es/AppContext/index.d.ts +0 -10
- package/es/AppContext/index.js +0 -144
- package/es/AppContext/interface.d.ts +0 -41
- package/es/AppContext/static.d.ts +0 -8
- package/es/AppContext/static.js +0 -9
- package/es/Auth/index.d.ts +0 -8
- package/es/Auth/index.js +0 -18
- package/es/AutoExit/index.d.ts +0 -6
- package/es/AutoExit/index.js +0 -23
- package/es/CheckGroupFixed/demo.d.ts +0 -3
- package/es/CheckGroupFixed/demo.js +0 -25
- package/es/CheckGroupFixed/index.d.ts +0 -18
- package/es/CheckGroupFixed/index.js +0 -150
- package/es/CheckGroupFixed/index.less +0 -53
- package/es/Config/index.d.ts +0 -4
- package/es/Config/index.js +0 -77
- package/es/Config/interface.d.ts +0 -65
- package/es/Config/utils.d.ts +0 -4
- package/es/Config/utils.js +0 -33
- package/es/ConfigContext/index.d.ts +0 -22
- package/es/ConfigContext/index.js +0 -25
- package/es/CustomRenderSelect/index.d.ts +0 -12
- package/es/CustomRenderSelect/index.js +0 -83
- package/es/CustomRenderSelect/index.less +0 -25
- package/es/DBTools/index.d.ts +0 -25
- package/es/DBTools/index.js +0 -337
- package/es/DisableMark/index.d.ts +0 -9
- package/es/DisableMark/index.js +0 -22
- package/es/DisableMark/index.less +0 -9
- package/es/DomMove/demo.d.ts +0 -2
- package/es/DomMove/demo.js +0 -20
- package/es/DomMove/index.d.ts +0 -16
- package/es/DomMove/index.js +0 -149
- package/es/DomMove/utils.d.ts +0 -8
- package/es/DomMove/utils.js +0 -33
- package/es/Drag/DragAndDropItem.d.ts +0 -4
- package/es/Drag/DragAndDropItem.js +0 -133
- package/es/Drag/DropItem.d.ts +0 -4
- package/es/Drag/DropItem.js +0 -50
- package/es/Drag/index.d.ts +0 -7
- package/es/Drag/index.js +0 -7
- package/es/Drag/interface.d.ts +0 -16
- package/es/DynamicGridList/Demo.d.ts +0 -3
- package/es/DynamicGridList/Demo.js +0 -86
- package/es/DynamicGridList/index.d.ts +0 -27
- package/es/DynamicGridList/index.js +0 -71
- package/es/DynamicList/demo.d.ts +0 -2
- package/es/DynamicList/demo.js +0 -50
- package/es/DynamicList/index.d.ts +0 -31
- package/es/DynamicList/index.js +0 -96
- package/es/DynamicList/index.less +0 -17
- package/es/DynamicList/interface.d.ts +0 -19
- package/es/DynamicList/utils.d.ts +0 -4
- package/es/DynamicList/utils.js +0 -6
- package/es/ErrorFallback/index.d.ts +0 -9
- package/es/ErrorFallback/index.js +0 -38
- package/es/ErrorFallback/inerface.d.ts +0 -48
- package/es/EventTools/index.d.ts +0 -3
- package/es/EventTools/index.js +0 -12
- package/es/FrontendPlayer/index.d.ts +0 -4
- package/es/FrontendPlayer/index.js +0 -2
- package/es/FullScreen/index.d.ts +0 -22
- package/es/FullScreen/index.js +0 -36
- package/es/FullScreen/index.less +0 -18
- package/es/GridList/Demo.d.ts +0 -3
- package/es/GridList/Demo.js +0 -89
- package/es/GridList/data.d.ts +0 -16
- package/es/GridList/data.js +0 -609
- package/es/GridList/hook.d.ts +0 -13
- package/es/GridList/hook.js +0 -270
- package/es/GridList/index.d.ts +0 -15
- package/es/GridList/index.js +0 -48
- package/es/GridList/index.less +0 -8
- package/es/GridList/interface.d.ts +0 -59
- package/es/GridList/utils.d.ts +0 -9
- package/es/GridList/utils.js +0 -42
- package/es/HightLevel/index.d.ts +0 -9
- package/es/HightLevel/index.js +0 -21
- package/es/HightLevel/index.less +0 -3
- package/es/IconFont/index.d.ts +0 -12
- package/es/IconFont/index.js +0 -63
- package/es/ImageView/index.d.ts +0 -17
- package/es/ImageView/index.js +0 -58
- package/es/ImageView/index.less +0 -11
- package/es/InstanceHistory/index.d.ts +0 -3
- package/es/InstanceHistory/index.js +0 -7
- package/es/LabelPlayer/111.png +0 -0
- package/es/LabelPlayer/demo.d.ts +0 -2
- package/es/LabelPlayer/demo.js +0 -123
- package/es/LabelPlayer/index.d.ts +0 -21
- package/es/LabelPlayer/index.js +0 -169
- package/es/LabelPlayer/index.less +0 -24
- package/es/LabelValue/index.d.ts +0 -15
- package/es/LabelValue/index.js +0 -32
- package/es/LabelValue/index.less +0 -23
- package/es/List/demo.d.ts +0 -3
- package/es/List/demo.js +0 -26
- package/es/List/index.d.ts +0 -28
- package/es/List/index.js +0 -30
- package/es/List/index.less +0 -13
- package/es/ListWithSizeAnimate/demo.d.ts +0 -2
- package/es/ListWithSizeAnimate/demo.js +0 -128
- package/es/ListWithSizeAnimate/index.d.ts +0 -14
- package/es/ListWithSizeAnimate/index.js +0 -97
- package/es/ListWithSizeAnimate/index.less +0 -23
- package/es/LoaderScript/index.d.ts +0 -47
- package/es/LoaderScript/index.js +0 -38
- package/es/LoaderScript/utils.d.ts +0 -13
- package/es/LoaderScript/utils.js +0 -179
- package/es/Map/AMap.d.ts +0 -7109
- package/es/Map/BasicMap/AMapInstance.d.ts +0 -19
- package/es/Map/BasicMap/AMapInstance.js +0 -98
- package/es/Map/BasicMap/LeafletInstance.d.ts +0 -18
- package/es/Map/BasicMap/LeafletInstance.js +0 -111
- package/es/Map/BasicMap/index.d.ts +0 -9
- package/es/Map/BasicMap/index.js +0 -98
- package/es/Map/BasicMap/index.less +0 -29
- package/es/Map/ClusterLayer/demo.d.ts +0 -3
- package/es/Map/ClusterLayer/demo.js +0 -22
- package/es/Map/ClusterLayer/hook.d.ts +0 -5
- package/es/Map/ClusterLayer/hook.js +0 -124
- package/es/Map/ClusterLayer/index.d.ts +0 -6
- package/es/Map/ClusterLayer/index.js +0 -32
- package/es/Map/ClusterLayer/index.less +0 -29
- package/es/Map/ClusterLayer/props.d.ts +0 -8
- package/es/Map/Config/index.d.ts +0 -9
- package/es/Map/Config/index.js +0 -52
- package/es/Map/Config/utils.d.ts +0 -2
- package/es/Map/Config/utils.js +0 -65
- package/es/Map/Context/index.d.ts +0 -11
- package/es/Map/Context/index.js +0 -56
- package/es/Map/FindPio/index.d.ts +0 -4
- package/es/Map/FindPio/index.js +0 -14
- package/es/Map/FindPio/index.less +0 -7
- package/es/Map/InfoWindow/MakerLikeWindow.d.ts +0 -4
- package/es/Map/InfoWindow/MakerLikeWindow.js +0 -113
- package/es/Map/InfoWindow/demo.d.ts +0 -3
- package/es/Map/InfoWindow/demo.js +0 -76
- package/es/Map/InfoWindow/index.d.ts +0 -11
- package/es/Map/InfoWindow/index.js +0 -67
- package/es/Map/LevelCenter/DragMarker/index.d.ts +0 -10
- package/es/Map/LevelCenter/DragMarker/index.js +0 -44
- package/es/Map/LevelCenter/demo.d.ts +0 -3
- package/es/Map/LevelCenter/demo.js +0 -46
- package/es/Map/LevelCenter/index.d.ts +0 -15
- package/es/Map/LevelCenter/index.js +0 -71
- package/es/Map/LoaderMap/index.d.ts +0 -12
- package/es/Map/LoaderMap/index.js +0 -71
- package/es/Map/MapDrawSelect/demo.d.ts +0 -3
- package/es/Map/MapDrawSelect/demo.js +0 -79
- package/es/Map/MapDrawSelect/index.d.ts +0 -15
- package/es/Map/MapDrawSelect/index.js +0 -62
- package/es/Map/MouseTool/index.d.ts +0 -10
- package/es/Map/MouseTool/index.js +0 -44
- package/es/Map/MouseTool/useMouseTools.d.ts +0 -7
- package/es/Map/MouseTool/useMouseTools.js +0 -83
- package/es/Map/ResetTools/index.d.ts +0 -10
- package/es/Map/ResetTools/index.js +0 -67
- package/es/Map/ResetTools/index.less +0 -39
- package/es/Map/SinglePoint/demo.d.ts +0 -3
- package/es/Map/SinglePoint/demo.js +0 -16
- package/es/Map/SinglePoint/index.d.ts +0 -27
- package/es/Map/SinglePoint/index.js +0 -57
- package/es/Map/SinglePoint/index.less +0 -41
- package/es/Map/hook/useMapEvent.d.ts +0 -2
- package/es/Map/hook/useMapEvent.js +0 -19
- package/es/Map/hook/useMapType.d.ts +0 -4
- package/es/Map/hook/useMapType.js +0 -12
- package/es/Map/icon.d.ts +0 -2
- package/es/Map/icon.js +0 -10
- package/es/Map/index.d.ts +0 -24
- package/es/Map/index.js +0 -25
- package/es/Map/interface.d.ts +0 -74
- package/es/Map/points.d.ts +0 -74
- package/es/Map/points.js +0 -1
- package/es/Map/useMarker/index.d.ts +0 -10
- package/es/Map/useMarker/index.js +0 -71
- package/es/Map/withMap/index.d.ts +0 -3
- package/es/Map/withMap/index.js +0 -18
- package/es/Picture/component/DefaultRects/RectInfo.d.ts +0 -8
- package/es/Picture/component/DefaultRects/RectInfo.js +0 -88
- package/es/Picture/component/DefaultRects/index.d.ts +0 -13
- package/es/Picture/component/DefaultRects/index.js +0 -58
- package/es/Picture/component/DefaultRects/index.less +0 -211
- package/es/Picture/component/DefaultRects/utils.d.ts +0 -2
- package/es/Picture/component/DefaultRects/utils.js +0 -11
- package/es/Picture/component/DrawRect/index.d.ts +0 -13
- package/es/Picture/component/DrawRect/index.js +0 -51
- package/es/Picture/component/DrawRect/index.less +0 -8
- package/es/Picture/component/RectMenu/index.d.ts +0 -12
- package/es/Picture/component/RectMenu/index.js +0 -79
- package/es/Picture/component/RectMenu/index.less +0 -36
- package/es/Picture/component/RectMenu/utils.d.ts +0 -12
- package/es/Picture/component/RectMenu/utils.js +0 -19
- package/es/Picture/component/Tools/index.d.ts +0 -12
- package/es/Picture/component/Tools/index.js +0 -93
- package/es/Picture/component/Tools/index.less +0 -49
- package/es/Picture/component/WheelScale/index.d.ts +0 -7
- package/es/Picture/component/WheelScale/index.js +0 -29
- package/es/Picture/demo.d.ts +0 -2
- package/es/Picture/demo.js +0 -114
- package/es/Picture/index.d.ts +0 -19
- package/es/Picture/index.js +0 -354
- package/es/Picture/index.less +0 -20
- package/es/Picture/interface.d.ts +0 -196
- package/es/Picture/loadCaptureRectImage.d.ts +0 -3
- package/es/Picture/loadCaptureRectImage.js +0 -99
- package/es/Picture/useDraw.d.ts +0 -1
- package/es/Picture/useDraw.js +0 -103
- package/es/Picture/utils.d.ts +0 -26
- package/es/Picture/utils.js +0 -143
- package/es/Player/api/index.d.ts +0 -68
- package/es/Player/api/index.js +0 -283
- package/es/Player/context.d.ts +0 -21
- package/es/Player/context.js +0 -25
- package/es/Player/contraller_bar/bar.d.ts +0 -8
- package/es/Player/contraller_bar/bar.js +0 -28
- package/es/Player/contraller_bar/contraller_event.d.ts +0 -6
- package/es/Player/contraller_bar/contraller_event.js +0 -53
- package/es/Player/contraller_bar/index.d.ts +0 -14
- package/es/Player/contraller_bar/index.js +0 -33
- package/es/Player/contraller_bar/left_bar.d.ts +0 -10
- package/es/Player/contraller_bar/left_bar.js +0 -88
- package/es/Player/contraller_bar/right_bar.d.ts +0 -8
- package/es/Player/contraller_bar/right_bar.js +0 -37
- package/es/Player/contraller_bar/time.d.ts +0 -3
- package/es/Player/contraller_bar/time.js +0 -21
- package/es/Player/contraller_bar/useBarStatus.d.ts +0 -2
- package/es/Player/contraller_bar/useBarStatus.js +0 -43
- package/es/Player/contraller_bar/volume.d.ts +0 -9
- package/es/Player/contraller_bar/volume.js +0 -65
- package/es/Player/demo.d.ts +0 -3
- package/es/Player/demo.js +0 -277
- package/es/Player/empty.d.ts +0 -2
- package/es/Player/empty.js +0 -6
- package/es/Player/event/errorEvent.d.ts +0 -14
- package/es/Player/event/errorEvent.js +0 -88
- package/es/Player/event/eventName.d.ts +0 -18
- package/es/Player/event/eventName.js +0 -30
- package/es/Player/event/index.d.ts +0 -24
- package/es/Player/event/index.js +0 -204
- package/es/Player/fps_play.d.ts +0 -11
- package/es/Player/fps_play.js +0 -84
- package/es/Player/frontend_player.d.ts +0 -8
- package/es/Player/frontend_player.js +0 -72
- package/es/Player/frontend_timeline.d.ts +0 -10
- package/es/Player/frontend_timeline.js +0 -145
- package/es/Player/iconfont.d.ts +0 -5
- package/es/Player/iconfont.js +0 -22
- package/es/Player/index.d.ts +0 -2
- package/es/Player/index.js +0 -2
- package/es/Player/live_heart.d.ts +0 -8
- package/es/Player/live_heart.js +0 -46
- package/es/Player/message.d.ts +0 -5
- package/es/Player/message.js +0 -138
- package/es/Player/player.d.ts +0 -231
- package/es/Player/segment_player.d.ts +0 -9
- package/es/Player/segment_player.js +0 -230
- package/es/Player/segment_timeline.d.ts +0 -12
- package/es/Player/segment_timeline.js +0 -190
- package/es/Player/single_player.d.ts +0 -5
- package/es/Player/single_player.js +0 -275
- package/es/Player/style/bar.less +0 -43
- package/es/Player/style/iconfont.js +0 -43
- package/es/Player/style/index.less +0 -34
- package/es/Player/style/message.less +0 -56
- package/es/Player/style/slider.less +0 -106
- package/es/Player/style/timeline.less +0 -116
- package/es/Player/style/volume.less +0 -24
- package/es/Player/timeline.d.ts +0 -5
- package/es/Player/timeline.js +0 -98
- package/es/Player/util.d.ts +0 -43
- package/es/Player/util.js +0 -189
- package/es/PlayerExt/demo.d.ts +0 -3
- package/es/PlayerExt/demo.js +0 -170
- package/es/PlayerExt/index.d.ts +0 -48
- package/es/PlayerExt/index.js +0 -207
- package/es/PlayerExt/index.less +0 -10
- package/es/Progress/index.d.ts +0 -12
- package/es/Progress/index.js +0 -56
- package/es/Progress/index.less +0 -21
- package/es/ROI/demo.d.ts +0 -3
- package/es/ROI/demo.js +0 -18
- package/es/ROI/index.d.ts +0 -33
- package/es/ROI/index.js +0 -57
- package/es/ROI/index.less +0 -33
- package/es/RefDrawer/Footer.d.ts +0 -9
- package/es/RefDrawer/Footer.js +0 -27
- package/es/RefDrawer/demo.d.ts +0 -3
- package/es/RefDrawer/demo.js +0 -32
- package/es/RefDrawer/index.d.ts +0 -26
- package/es/RefDrawer/index.js +0 -73
- package/es/RefModal/demo.d.ts +0 -3
- package/es/RefModal/demo.js +0 -32
- package/es/RefModal/index.d.ts +0 -17
- package/es/RefModal/index.js +0 -71
- package/es/ScreenPlayer/Live.d.ts +0 -10
- package/es/ScreenPlayer/Live.js +0 -220
- package/es/ScreenPlayer/LiveTools.d.ts +0 -29
- package/es/ScreenPlayer/LiveTools.js +0 -167
- package/es/ScreenPlayer/PlayerWithExt.d.ts +0 -34
- package/es/ScreenPlayer/PlayerWithExt.js +0 -240
- package/es/ScreenPlayer/RatePick.d.ts +0 -8
- package/es/ScreenPlayer/RatePick.js +0 -30
- package/es/ScreenPlayer/Record.d.ts +0 -10
- package/es/ScreenPlayer/Record.js +0 -447
- package/es/ScreenPlayer/RecordTools.d.ts +0 -38
- package/es/ScreenPlayer/RecordTools.js +0 -216
- package/es/ScreenPlayer/ScreenSelect.d.ts +0 -7
- package/es/ScreenPlayer/ScreenSelect.js +0 -51
- package/es/ScreenPlayer/SegmentTimeLine.d.ts +0 -17
- package/es/ScreenPlayer/SegmentTimeLine.js +0 -38
- package/es/ScreenPlayer/TimeMode.d.ts +0 -7
- package/es/ScreenPlayer/TimeMode.js +0 -30
- package/es/ScreenPlayer/TimeSelect.d.ts +0 -7
- package/es/ScreenPlayer/TimeSelect.js +0 -94
- package/es/ScreenPlayer/demo.d.ts +0 -2
- package/es/ScreenPlayer/demo.js +0 -24
- package/es/ScreenPlayer/demo2.d.ts +0 -2
- package/es/ScreenPlayer/demo2.js +0 -200
- package/es/ScreenPlayer/index.d.ts +0 -6
- package/es/ScreenPlayer/index.js +0 -9
- package/es/ScreenPlayer/index.less +0 -335
- package/es/ScreenPlayer/interface.d.ts +0 -216
- package/es/ScreenPlayer/useTimeSlider.d.ts +0 -25
- package/es/ScreenPlayer/useTimeSlider.js +0 -450
- package/es/ScreenPlayer/useVideoFit.d.ts +0 -5
- package/es/ScreenPlayer/useVideoFit.js +0 -35
- package/es/ScreenPlayer/utils.d.ts +0 -17
- package/es/ScreenPlayer/utils.js +0 -85
- package/es/SegmentPlayer/index.d.ts +0 -2
- package/es/SegmentPlayer/index.js +0 -2
- package/es/Service/http.d.ts +0 -6
- package/es/Service/http.js +0 -125
- package/es/Service/index.d.ts +0 -3
- package/es/Service/index.js +0 -10
- package/es/Service/interface.d.ts +0 -22
- package/es/Service/middleware.d.ts +0 -5
- package/es/Service/middleware.js +0 -15
- package/es/SocketEmitter/eventEmitter.d.ts +0 -27
- package/es/SocketEmitter/eventEmitter.js +0 -88
- package/es/SocketEmitter/index.d.ts +0 -24
- package/es/SocketEmitter/index.js +0 -125
- package/es/SocketEmitter/interface.d.ts +0 -4
- package/es/TableLayout/index.d.ts +0 -10
- package/es/TableLayout/index.js +0 -29
- package/es/TableLayout/index.less +0 -4
- package/es/ThemeAntd/demo.d.ts +0 -4
- package/es/ThemeAntd/demo.js +0 -129
- package/es/ThemeAntd/demo.less +0 -20
- package/es/ThemeAntd/index.d.ts +0 -7
- package/es/ThemeAntd/index.js +0 -23
- package/es/ThemeAntd/index.less +0 -4
- package/es/Timeout/index.d.ts +0 -32
- package/es/Timeout/index.js +0 -70
- package/es/VList/index.d.ts +0 -11
- package/es/VList/index.js +0 -42
- package/es/VList/index.less +0 -6
- package/es/VList/utils.d.ts +0 -14
- package/es/VList/utils.js +0 -17
- package/es/bigNumberTransformCN/index.d.ts +0 -5
- package/es/bigNumberTransformCN/index.js +0 -60
- package/es/cache/index.d.ts +0 -34
- package/es/cache/index.js +0 -94
- package/es/copy/index.d.ts +0 -1
- package/es/copy/index.js +0 -9
- package/es/core.d.ts +0 -0
- package/es/getThemeStyle/index.d.ts +0 -2
- package/es/getThemeStyle/index.js +0 -5
- package/es/index.d.ts +0 -60
- package/es/index.js +0 -60
- package/es/logger/index.d.ts +0 -7
- package/es/logger/index.js +0 -30
- package/es/nextTick/index.d.ts +0 -1
- package/es/nextTick/index.js +0 -7
- package/es/submidstr/index.d.ts +0 -5
- package/es/submidstr/index.js +0 -14
- package/es/treeHelper/index.d.ts +0 -11
- package/es/treeHelper/index.js +0 -189
- package/es/typings.d.ts +0 -2
- package/es/useDrawROI/index.d.ts +0 -16
- package/es/useDrawROI/index.js +0 -322
- package/es/useEventEmitterHandle/index.d.ts +0 -2
- package/es/useEventEmitterHandle/index.js +0 -17
- package/es/useFullscreen/demo.d.ts +0 -2
- package/es/useFullscreen/demo.js +0 -48
- package/es/useFullscreen/index.d.ts +0 -12
- package/es/useFullscreen/index.js +0 -76
- package/es/useHistory/index.d.ts +0 -3
- package/es/useHistory/index.js +0 -9
- package/es/useHistory/interface.d.ts +0 -3
- package/es/useInfiniteScroll/index.d.ts +0 -16
- package/es/useInfiniteScroll/index.js +0 -101
- package/es/useRafInterval/index.d.ts +0 -5
- package/es/useRafInterval/index.js +0 -70
- package/es/useSimpleState/index.d.ts +0 -3
- package/es/useSimpleState/index.js +0 -36
- package/es/useVirtualList/index.d.ts +0 -13
- package/es/useVirtualList/index.js +0 -139
- package/es/utils.d.ts +0 -14
- package/es/utils.js +0 -75
- package/es/uuid/index.d.ts +0 -4
- package/es/uuid/index.js +0 -15
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import type { CustomEvent, EventInfo } from '../player';
|
|
2
|
-
declare class VideoEventInstance {
|
|
3
|
-
video: HTMLVideoElement;
|
|
4
|
-
events: {
|
|
5
|
-
[key: string]: EventInfo;
|
|
6
|
-
};
|
|
7
|
-
playerEvents: {
|
|
8
|
-
[key: string]: (() => void)[];
|
|
9
|
-
};
|
|
10
|
-
constructor(video: HTMLVideoElement);
|
|
11
|
-
on(eventName: string, handle: () => void): void;
|
|
12
|
-
addEventListener(eventName: string, handle: () => void): void;
|
|
13
|
-
removeEventListener(eventName: string, handle: () => void): void;
|
|
14
|
-
emit(eventName: string, ...data: any): void;
|
|
15
|
-
off(eventName: string, handle: () => void): void;
|
|
16
|
-
destroy(): void;
|
|
17
|
-
}
|
|
18
|
-
declare type PlayEvent = VideoEventInstance;
|
|
19
|
-
export declare function usePlayerEvent(video?: HTMLVideoElement): PlayEvent | undefined;
|
|
20
|
-
export declare function useVideoEvent(eventName: string, handle: (event: any) => void, context?: VideoEventInstance): void;
|
|
21
|
-
export declare function useRegisterPlayerEvent(eventName: string, handle: (event: any) => void, context?: VideoEventInstance): void;
|
|
22
|
-
export declare function useVideoEvents(event?: VideoEventInstance, events?: CustomEvent[]): void;
|
|
23
|
-
export declare function useRegisterPlayerEvents(event?: VideoEventInstance, events?: CustomEvent[]): void;
|
|
24
|
-
export default VideoEventInstance;
|
package/es/Player/event/index.js
DELETED
|
@@ -1,204 +0,0 @@
|
|
|
1
|
-
import _useLatest from "ahooks/es/useLatest";
|
|
2
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
3
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
4
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
5
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
6
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
7
|
-
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
8
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
9
|
-
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
10
|
-
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
|
|
11
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
12
|
-
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
13
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
14
|
-
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
15
|
-
import { useContext, useEffect, useMemo, useState } from 'react';
|
|
16
|
-
import nextTick from "../../nextTick";
|
|
17
|
-
import { Context } from "../context";
|
|
18
|
-
var VideoEventInstance = /*#__PURE__*/function () {
|
|
19
|
-
function VideoEventInstance(video) {
|
|
20
|
-
_classCallCheck(this, VideoEventInstance);
|
|
21
|
-
_defineProperty(this, "video", void 0);
|
|
22
|
-
_defineProperty(this, "events", void 0);
|
|
23
|
-
_defineProperty(this, "playerEvents", void 0);
|
|
24
|
-
this.video = video;
|
|
25
|
-
this.events = {};
|
|
26
|
-
this.playerEvents = {};
|
|
27
|
-
}
|
|
28
|
-
_createClass(VideoEventInstance, [{
|
|
29
|
-
key: "on",
|
|
30
|
-
value: function on(eventName, handle) {
|
|
31
|
-
this.events && this.events[eventName] ? this.events[eventName].listener.push(handle) : this.events[eventName] = {
|
|
32
|
-
type: eventName,
|
|
33
|
-
listener: [handle]
|
|
34
|
-
};
|
|
35
|
-
}
|
|
36
|
-
}, {
|
|
37
|
-
key: "addEventListener",
|
|
38
|
-
value: function addEventListener(eventName, handle) {
|
|
39
|
-
if (this.video) {
|
|
40
|
-
this.playerEvents[eventName] ? this.playerEvents[eventName].push(handle) : this.playerEvents[eventName] = [handle];
|
|
41
|
-
this.video.addEventListener(eventName, handle, false);
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
}, {
|
|
45
|
-
key: "removeEventListener",
|
|
46
|
-
value: function removeEventListener(eventName, handle) {
|
|
47
|
-
if (this.video) {
|
|
48
|
-
if (!this.playerEvents || !this.playerEvents[eventName]) {
|
|
49
|
-
return;
|
|
50
|
-
}
|
|
51
|
-
var index = this.playerEvents[eventName].findIndex(function (v) {
|
|
52
|
-
return v === handle;
|
|
53
|
-
});
|
|
54
|
-
index > -1 && this.playerEvents[eventName].splice(index, 1);
|
|
55
|
-
this.video.removeEventListener(eventName, handle, false);
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
}, {
|
|
59
|
-
key: "emit",
|
|
60
|
-
value: function emit(eventName) {
|
|
61
|
-
for (var _len = arguments.length, data = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
|
|
62
|
-
data[_key - 1] = arguments[_key];
|
|
63
|
-
}
|
|
64
|
-
if (!this.events || !this.events[eventName]) {
|
|
65
|
-
return;
|
|
66
|
-
}
|
|
67
|
-
this.events[eventName].listener.forEach(function (v) {
|
|
68
|
-
v.apply(void 0, data);
|
|
69
|
-
});
|
|
70
|
-
}
|
|
71
|
-
}, {
|
|
72
|
-
key: "off",
|
|
73
|
-
value: function off(eventName, handle) {
|
|
74
|
-
if (!this.events || !this.events.eventName) {
|
|
75
|
-
return;
|
|
76
|
-
}
|
|
77
|
-
var index = this.events[eventName].listener.findIndex(function (v) {
|
|
78
|
-
return v === handle;
|
|
79
|
-
});
|
|
80
|
-
index > -1 && this.events[eventName].listener.splice(index, 1);
|
|
81
|
-
}
|
|
82
|
-
}, {
|
|
83
|
-
key: "destroy",
|
|
84
|
-
value: function destroy() {
|
|
85
|
-
var _this = this;
|
|
86
|
-
Object.keys(this.playerEvents).forEach(function (key) {
|
|
87
|
-
_this.playerEvents[key].forEach(function (fn) {
|
|
88
|
-
_this.removeEventListener(key, fn);
|
|
89
|
-
});
|
|
90
|
-
});
|
|
91
|
-
this.playerEvents = {};
|
|
92
|
-
this.events = {};
|
|
93
|
-
this.video = null;
|
|
94
|
-
}
|
|
95
|
-
}]);
|
|
96
|
-
return VideoEventInstance;
|
|
97
|
-
}();
|
|
98
|
-
export function usePlayerEvent(video) {
|
|
99
|
-
var _useState = useState(undefined),
|
|
100
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
101
|
-
event = _useState2[0],
|
|
102
|
-
setEvent = _useState2[1];
|
|
103
|
-
useEffect(function () {
|
|
104
|
-
if (!video) {
|
|
105
|
-
console.debug('wait create event...');
|
|
106
|
-
return undefined;
|
|
107
|
-
}
|
|
108
|
-
var event = new VideoEventInstance(video);
|
|
109
|
-
setEvent(event);
|
|
110
|
-
return function () {
|
|
111
|
-
return nextTick(function () {
|
|
112
|
-
return event.destroy();
|
|
113
|
-
});
|
|
114
|
-
};
|
|
115
|
-
}, [video]);
|
|
116
|
-
return event;
|
|
117
|
-
}
|
|
118
|
-
export function useVideoEvent(eventName, handle, context) {
|
|
119
|
-
var ctx = useContext(Context);
|
|
120
|
-
var event = useMemo(function () {
|
|
121
|
-
var _ctx$event;
|
|
122
|
-
return (_ctx$event = ctx === null || ctx === void 0 ? void 0 : ctx.event) !== null && _ctx$event !== void 0 ? _ctx$event : context;
|
|
123
|
-
}, [context, ctx === null || ctx === void 0 ? void 0 : ctx.event]);
|
|
124
|
-
var handlerRef = _useLatest(handle);
|
|
125
|
-
useEffect(function () {
|
|
126
|
-
if (!event) {
|
|
127
|
-
return undefined;
|
|
128
|
-
}
|
|
129
|
-
var eventListener = function eventListener(event) {
|
|
130
|
-
return handlerRef.current(event);
|
|
131
|
-
};
|
|
132
|
-
event.addEventListener(eventName, eventListener);
|
|
133
|
-
return function () {
|
|
134
|
-
return event.removeEventListener(eventName, eventListener);
|
|
135
|
-
};
|
|
136
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
137
|
-
}, [event, eventName]);
|
|
138
|
-
}
|
|
139
|
-
export function useRegisterPlayerEvent(eventName, handle, context) {
|
|
140
|
-
var ctx = useContext(Context);
|
|
141
|
-
var event = useMemo(function () {
|
|
142
|
-
var _ctx$event2;
|
|
143
|
-
return (_ctx$event2 = ctx === null || ctx === void 0 ? void 0 : ctx.event) !== null && _ctx$event2 !== void 0 ? _ctx$event2 : context;
|
|
144
|
-
}, [context, ctx === null || ctx === void 0 ? void 0 : ctx.event]);
|
|
145
|
-
var handlerRef = _useLatest(handle);
|
|
146
|
-
useEffect(function () {
|
|
147
|
-
if (!event) {
|
|
148
|
-
return undefined;
|
|
149
|
-
}
|
|
150
|
-
var eventListener = function eventListener(event) {
|
|
151
|
-
return handlerRef.current(event);
|
|
152
|
-
};
|
|
153
|
-
event.on(eventName, eventListener);
|
|
154
|
-
return function () {
|
|
155
|
-
event.off(eventName, eventListener);
|
|
156
|
-
};
|
|
157
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
158
|
-
}, [event, eventName]);
|
|
159
|
-
}
|
|
160
|
-
export function useVideoEvents(event, events) {
|
|
161
|
-
useEffect(function () {
|
|
162
|
-
if (!event || !events) {
|
|
163
|
-
return undefined;
|
|
164
|
-
}
|
|
165
|
-
events.forEach(function (_ref) {
|
|
166
|
-
var _ref2 = _slicedToArray(_ref, 2),
|
|
167
|
-
eventName = _ref2[0],
|
|
168
|
-
handle = _ref2[1];
|
|
169
|
-
event.addEventListener(eventName, handle);
|
|
170
|
-
});
|
|
171
|
-
return function () {
|
|
172
|
-
events.forEach(function (_ref3) {
|
|
173
|
-
var _ref4 = _slicedToArray(_ref3, 2),
|
|
174
|
-
eventName = _ref4[0],
|
|
175
|
-
handle = _ref4[1];
|
|
176
|
-
event.removeEventListener(eventName, handle);
|
|
177
|
-
});
|
|
178
|
-
};
|
|
179
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
180
|
-
}, [event]);
|
|
181
|
-
}
|
|
182
|
-
export function useRegisterPlayerEvents(event, events) {
|
|
183
|
-
useEffect(function () {
|
|
184
|
-
if (!event || !events) {
|
|
185
|
-
return undefined;
|
|
186
|
-
}
|
|
187
|
-
events.forEach(function (_ref5) {
|
|
188
|
-
var _ref6 = _slicedToArray(_ref5, 2),
|
|
189
|
-
eventName = _ref6[0],
|
|
190
|
-
handle = _ref6[1];
|
|
191
|
-
event.on(eventName, handle);
|
|
192
|
-
});
|
|
193
|
-
return function () {
|
|
194
|
-
events.forEach(function (_ref7) {
|
|
195
|
-
var _ref8 = _slicedToArray(_ref7, 2),
|
|
196
|
-
eventName = _ref8[0],
|
|
197
|
-
handle = _ref8[1];
|
|
198
|
-
event.off(eventName, handle);
|
|
199
|
-
});
|
|
200
|
-
};
|
|
201
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
202
|
-
}, [event]);
|
|
203
|
-
}
|
|
204
|
-
export default VideoEventInstance;
|
package/es/Player/fps_play.d.ts
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import type Api from './api';
|
|
3
|
-
import type VideoEventInstance from './event';
|
|
4
|
-
interface IFPSPlay {
|
|
5
|
-
api?: Api;
|
|
6
|
-
event?: VideoEventInstance;
|
|
7
|
-
fpsDelay?: number;
|
|
8
|
-
fps?: number;
|
|
9
|
-
}
|
|
10
|
-
declare function FPSPlay({ api, event, fpsDelay, fps }: IFPSPlay): JSX.Element;
|
|
11
|
-
export default FPSPlay;
|
package/es/Player/fps_play.js
DELETED
|
@@ -1,84 +0,0 @@
|
|
|
1
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
2
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
3
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
4
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
5
|
-
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
6
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
7
|
-
import React, { useEffect, useMemo, useRef, useState } from 'react';
|
|
8
|
-
import useRafInterval from "../useRafInterval";
|
|
9
|
-
import { useRegisterPlayerEvent } from "./event";
|
|
10
|
-
import Events from "./event/eventName";
|
|
11
|
-
import { getDomStyleValue } from "./util";
|
|
12
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
-
var oneFps = 1 / 30;
|
|
14
|
-
function FPSPlay(_ref) {
|
|
15
|
-
var api = _ref.api,
|
|
16
|
-
event = _ref.event,
|
|
17
|
-
fpsDelay = _ref.fpsDelay,
|
|
18
|
-
fps = _ref.fps;
|
|
19
|
-
var _useState = useState(Date.now()),
|
|
20
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
21
|
-
forceKey = _useState2[0],
|
|
22
|
-
update = _useState2[1];
|
|
23
|
-
var ref = useRef(null);
|
|
24
|
-
var timerRef = useRef();
|
|
25
|
-
var fps_second = useMemo(function () {
|
|
26
|
-
return fps ? 1 / fps : oneFps;
|
|
27
|
-
}, [fps]);
|
|
28
|
-
useEffect(function () {
|
|
29
|
-
var fpsCapture = function fpsCapture() {
|
|
30
|
-
if (!ref.current || !(event !== null && event !== void 0 && event.video) || !api) {
|
|
31
|
-
return;
|
|
32
|
-
}
|
|
33
|
-
var video = event.video;
|
|
34
|
-
var fpsTime = api.getCurrentTime() + fps_second;
|
|
35
|
-
video.currentTime = fpsTime;
|
|
36
|
-
if (video.currentTime >= api.getDuration()) {
|
|
37
|
-
clearInterval(timerRef.current);
|
|
38
|
-
video.currentTime = 0;
|
|
39
|
-
event.emit(Events.PLAY_ENDED);
|
|
40
|
-
}
|
|
41
|
-
var canvas = ref.current;
|
|
42
|
-
var ctx = canvas.getContext('2d');
|
|
43
|
-
var _video$getBoundingCli = video.getBoundingClientRect(),
|
|
44
|
-
width = _video$getBoundingCli.width,
|
|
45
|
-
height = _video$getBoundingCli.height;
|
|
46
|
-
canvas.width = width;
|
|
47
|
-
canvas.height = height;
|
|
48
|
-
var fit = getDomStyleValue(video, 'object-fit');
|
|
49
|
-
if (fit === 'fill') {
|
|
50
|
-
//全画面绘制,存在拉伸
|
|
51
|
-
ctx === null || ctx === void 0 ? void 0 : ctx.drawImage(video, 0, 0, width, height);
|
|
52
|
-
} else {
|
|
53
|
-
// 自适应绘制
|
|
54
|
-
var videoWidth = video.videoWidth;
|
|
55
|
-
var videoHeight = video.videoHeight;
|
|
56
|
-
var scale = height / videoHeight;
|
|
57
|
-
var s_vw = scale * videoWidth;
|
|
58
|
-
var paddingSize = (width - s_vw) / 2;
|
|
59
|
-
ctx === null || ctx === void 0 ? void 0 : ctx.drawImage(video, paddingSize, 0, s_vw, height);
|
|
60
|
-
}
|
|
61
|
-
};
|
|
62
|
-
fpsCapture();
|
|
63
|
-
timerRef.current = setInterval(fpsCapture, fpsDelay);
|
|
64
|
-
return function () {
|
|
65
|
-
clearInterval(timerRef.current);
|
|
66
|
-
};
|
|
67
|
-
}, [api, event, fpsDelay, forceKey, fps_second]);
|
|
68
|
-
useRegisterPlayerEvent(Events.CANVAS_PAUSE, function () {
|
|
69
|
-
clearInterval(timerRef.current);
|
|
70
|
-
});
|
|
71
|
-
useRegisterPlayerEvent(Events.CANVAS_PLAY, function () {
|
|
72
|
-
update(Date.now());
|
|
73
|
-
});
|
|
74
|
-
|
|
75
|
-
// TODO: 未知情况,video会自动播放,轮训检测并暂停零时解决
|
|
76
|
-
useRafInterval(function () {
|
|
77
|
-
return !(api !== null && api !== void 0 && api.paused) ? api === null || api === void 0 ? void 0 : api.pause() : null;
|
|
78
|
-
}, 10);
|
|
79
|
-
return /*#__PURE__*/_jsx("canvas", {
|
|
80
|
-
className: "fps-play-canvas",
|
|
81
|
-
ref: ref
|
|
82
|
-
});
|
|
83
|
-
}
|
|
84
|
-
export default FPSPlay;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import type { IFrontendPlayerProps } from './player';
|
|
3
|
-
/**
|
|
4
|
-
* @desc 主组件,负责片段整体逻辑控制
|
|
5
|
-
* @return JSX.Element
|
|
6
|
-
*/
|
|
7
|
-
declare function FrontendPlayer({ url, begin, end, onSeek, forwordRef, customTimeLine, onCanPlayerInit, ...props }: IFrontendPlayerProps): JSX.Element;
|
|
8
|
-
export default FrontendPlayer;
|
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
2
|
-
import _useMemoizedFn from "ahooks/es/useMemoizedFn";
|
|
3
|
-
import _useUpdate from "ahooks/es/useUpdate";
|
|
4
|
-
var _excluded = ["url", "begin", "end", "onSeek", "forwordRef", "customTimeLine", "onCanPlayerInit"];
|
|
5
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
6
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
7
|
-
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
8
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
9
|
-
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
10
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
11
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
12
|
-
import React, { useMemo, useRef } from 'react';
|
|
13
|
-
import Events from "./event/eventName";
|
|
14
|
-
import FrontendTimeLine from "./frontend_timeline";
|
|
15
|
-
import SinglePlayer from "./single_player";
|
|
16
|
-
|
|
17
|
-
/**
|
|
18
|
-
* @desc 主组件,负责片段整体逻辑控制
|
|
19
|
-
* @return JSX.Element
|
|
20
|
-
*/
|
|
21
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
22
|
-
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
23
|
-
function FrontendPlayer(_ref) {
|
|
24
|
-
var url = _ref.url,
|
|
25
|
-
begin = _ref.begin,
|
|
26
|
-
end = _ref.end,
|
|
27
|
-
onSeek = _ref.onSeek,
|
|
28
|
-
forwordRef = _ref.forwordRef,
|
|
29
|
-
customTimeLine = _ref.customTimeLine,
|
|
30
|
-
onCanPlayerInit = _ref.onCanPlayerInit,
|
|
31
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
32
|
-
var update = _useUpdate();
|
|
33
|
-
var ref = useRef(null);
|
|
34
|
-
var playRef = forwordRef ? forwordRef : ref;
|
|
35
|
-
var _ref2 = playRef.current || {},
|
|
36
|
-
api = _ref2.api,
|
|
37
|
-
event = _ref2.event;
|
|
38
|
-
|
|
39
|
-
// 转换毫秒
|
|
40
|
-
var duration = useMemo(function () {
|
|
41
|
-
return (end !== null && end !== void 0 ? end : 0 - (begin !== null && begin !== void 0 ? begin : 0)) / 1000;
|
|
42
|
-
}, [begin, end]); //单位s 秒
|
|
43
|
-
|
|
44
|
-
// 重置reload
|
|
45
|
-
var reload = _useMemoizedFn(function () {
|
|
46
|
-
var _playRef$current, _playRef$current2;
|
|
47
|
-
(_playRef$current = playRef.current) === null || _playRef$current === void 0 ? void 0 : _playRef$current.event.emit(Events.RELOAD);
|
|
48
|
-
onSeek === null || onSeek === void 0 ? void 0 : onSeek(begin);
|
|
49
|
-
(_playRef$current2 = playRef.current) === null || _playRef$current2 === void 0 ? void 0 : _playRef$current2.api.reload();
|
|
50
|
-
});
|
|
51
|
-
var onInit = _useMemoizedFn(function () {
|
|
52
|
-
update();
|
|
53
|
-
onCanPlayerInit === null || onCanPlayerInit === void 0 ? void 0 : onCanPlayerInit();
|
|
54
|
-
});
|
|
55
|
-
var hasReady = api && event;
|
|
56
|
-
var timeline = customTimeLine !== null && customTimeLine !== void 0 ? customTimeLine : /*#__PURE__*/_jsx(FrontendTimeLine, {
|
|
57
|
-
end: end !== null && end !== void 0 ? end : 0,
|
|
58
|
-
onSeek: onSeek,
|
|
59
|
-
begin: begin !== null && begin !== void 0 ? begin : 0,
|
|
60
|
-
duration: duration
|
|
61
|
-
});
|
|
62
|
-
return /*#__PURE__*/_jsx(SinglePlayer, _objectSpread({
|
|
63
|
-
ref: playRef,
|
|
64
|
-
url: url,
|
|
65
|
-
reload: reload,
|
|
66
|
-
onCanPlayerInit: onInit,
|
|
67
|
-
isLive: false,
|
|
68
|
-
type: "flv",
|
|
69
|
-
customTimeLine: hasReady ? timeline : /*#__PURE__*/_jsx(_Fragment, {})
|
|
70
|
-
}, props));
|
|
71
|
-
}
|
|
72
|
-
export default FrontendPlayer;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import './style/timeline.less';
|
|
3
|
-
interface ITimeLineProps {
|
|
4
|
-
duration: number;
|
|
5
|
-
begin: number;
|
|
6
|
-
end: number;
|
|
7
|
-
onSeek?: (time: number) => void;
|
|
8
|
-
}
|
|
9
|
-
declare function FrontendTimeLine({ duration, begin, end, onSeek }: ITimeLineProps): JSX.Element;
|
|
10
|
-
export default FrontendTimeLine;
|
|
@@ -1,145 +0,0 @@
|
|
|
1
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
2
|
-
import _useUpdateEffect from "ahooks/es/useUpdateEffect";
|
|
3
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
4
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
5
|
-
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
6
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
7
|
-
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
8
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
9
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
10
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
11
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
12
|
-
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
13
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
14
|
-
import moment from 'dayjs';
|
|
15
|
-
import React, { startTransition, useMemo, useState } from 'react';
|
|
16
|
-
import useBarStatus from "./contraller_bar/useBarStatus";
|
|
17
|
-
import "./style/timeline.less";
|
|
18
|
-
import { useTimes } from "./timeline";
|
|
19
|
-
import { FMT } from "./util";
|
|
20
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
21
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
22
|
-
function TipTitle(_ref) {
|
|
23
|
-
var end = _ref.end,
|
|
24
|
-
begin = _ref.begin,
|
|
25
|
-
left = _ref.left,
|
|
26
|
-
current = _ref.current,
|
|
27
|
-
markTime = _ref.markTime;
|
|
28
|
-
if (left === -1) {
|
|
29
|
-
return null;
|
|
30
|
-
}
|
|
31
|
-
return /*#__PURE__*/_jsxs("div", {
|
|
32
|
-
className: "frontend-line-tip-box",
|
|
33
|
-
style: {
|
|
34
|
-
left: left
|
|
35
|
-
},
|
|
36
|
-
children: [/*#__PURE__*/_jsx("div", {
|
|
37
|
-
style: {
|
|
38
|
-
fontWeight: 600
|
|
39
|
-
},
|
|
40
|
-
children: "\u5F55\u50CF\u4FE1\u606F"
|
|
41
|
-
}), /*#__PURE__*/_jsxs("div", {
|
|
42
|
-
children: ["\u5F00\u59CB\uFF1A", moment(begin).format(FMT)]
|
|
43
|
-
}), /*#__PURE__*/_jsxs("div", {
|
|
44
|
-
children: ["\u7ED3\u675F\uFF1A", moment(end).format(FMT)]
|
|
45
|
-
}), /*#__PURE__*/_jsxs("div", {
|
|
46
|
-
children: ["\u523B\u5EA6\uFF1A", moment(markTime).format(FMT)]
|
|
47
|
-
}), /*#__PURE__*/_jsxs("div", {
|
|
48
|
-
children: ["\u5F53\u524D\uFF1A", moment(current).format(FMT)]
|
|
49
|
-
})]
|
|
50
|
-
});
|
|
51
|
-
}
|
|
52
|
-
function FrontendTimeLine(_ref2) {
|
|
53
|
-
var duration = _ref2.duration,
|
|
54
|
-
begin = _ref2.begin,
|
|
55
|
-
end = _ref2.end,
|
|
56
|
-
onSeek = _ref2.onSeek;
|
|
57
|
-
// time 是记录seek时跳了多少
|
|
58
|
-
var _useState = useState({
|
|
59
|
-
time: 0,
|
|
60
|
-
markTime: 0,
|
|
61
|
-
left: -1,
|
|
62
|
-
visible: false
|
|
63
|
-
}),
|
|
64
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
65
|
-
state = _useState2[0],
|
|
66
|
-
setState = _useState2[1];
|
|
67
|
-
var status = useBarStatus();
|
|
68
|
-
|
|
69
|
-
//获取视频当前播放时长单位s
|
|
70
|
-
var _useTimes = useTimes(),
|
|
71
|
-
_useTimes2 = _slicedToArray(_useTimes, 1),
|
|
72
|
-
currentTime = _useTimes2[0];
|
|
73
|
-
var rTime = useMemo(function () {
|
|
74
|
-
return state.time + currentTime;
|
|
75
|
-
}, [state.time, currentTime]);
|
|
76
|
-
_useUpdateEffect(function () {
|
|
77
|
-
return setState(function (old) {
|
|
78
|
-
return _objectSpread(_objectSpread({}, old), {}, {
|
|
79
|
-
time: 0
|
|
80
|
-
});
|
|
81
|
-
});
|
|
82
|
-
}, [begin]);
|
|
83
|
-
var playPercent = useMemo(function () {
|
|
84
|
-
return rTime / duration * 100;
|
|
85
|
-
}, [duration, rTime]);
|
|
86
|
-
var cTime = useMemo(function () {
|
|
87
|
-
return begin + rTime * 1000;
|
|
88
|
-
}, [begin, rTime]);
|
|
89
|
-
var seekWithLine = function seekWithLine(e) {
|
|
90
|
-
var rect = e.currentTarget.getBoundingClientRect();
|
|
91
|
-
var current = e.pageX - rect.left;
|
|
92
|
-
var cTime = current / rect.width * duration;
|
|
93
|
-
onSeek === null || onSeek === void 0 ? void 0 : onSeek(begin + cTime * 1000);
|
|
94
|
-
//时间轴进度条rTime是要加上currentTime,这里要减去一下,包装交互一致性
|
|
95
|
-
setState(function (old) {
|
|
96
|
-
return _objectSpread(_objectSpread({}, old), {}, {
|
|
97
|
-
time: cTime
|
|
98
|
-
});
|
|
99
|
-
});
|
|
100
|
-
};
|
|
101
|
-
var onLineMouseOver = function onLineMouseOver(e) {
|
|
102
|
-
var rect = e.currentTarget.getBoundingClientRect();
|
|
103
|
-
var left = e.pageX - rect.left;
|
|
104
|
-
var mTime = left / rect.width * duration;
|
|
105
|
-
setState(function (old) {
|
|
106
|
-
return _objectSpread(_objectSpread({}, old), {}, {
|
|
107
|
-
left: left,
|
|
108
|
-
markTime: begin + mTime * 1000
|
|
109
|
-
});
|
|
110
|
-
});
|
|
111
|
-
};
|
|
112
|
-
var onLineMouseOut = function onLineMouseOut() {
|
|
113
|
-
return startTransition(function () {
|
|
114
|
-
return setState(function (old) {
|
|
115
|
-
return _objectSpread(_objectSpread({}, old), {}, {
|
|
116
|
-
left: -1
|
|
117
|
-
});
|
|
118
|
-
});
|
|
119
|
-
});
|
|
120
|
-
};
|
|
121
|
-
return /*#__PURE__*/_jsxs("div", {
|
|
122
|
-
className: "player-timeline-layout frontend-player-timeline-layout ".concat(status === 0 ? 'hide-time-line' : ''),
|
|
123
|
-
onClick: seekWithLine,
|
|
124
|
-
onMouseMove: onLineMouseOver,
|
|
125
|
-
onMouseOut: onLineMouseOut,
|
|
126
|
-
children: [/*#__PURE__*/_jsx("div", {
|
|
127
|
-
className: "current-line",
|
|
128
|
-
style: {
|
|
129
|
-
width: "".concat(playPercent, "%")
|
|
130
|
-
}
|
|
131
|
-
}), /*#__PURE__*/_jsx(TipTitle, {
|
|
132
|
-
end: end,
|
|
133
|
-
begin: begin,
|
|
134
|
-
left: state.left,
|
|
135
|
-
current: cTime,
|
|
136
|
-
markTime: state.markTime
|
|
137
|
-
}), state.left !== -1 && /*#__PURE__*/_jsx("span", {
|
|
138
|
-
className: "frontend-line-mark",
|
|
139
|
-
style: {
|
|
140
|
-
left: state.left
|
|
141
|
-
}
|
|
142
|
-
})]
|
|
143
|
-
});
|
|
144
|
-
}
|
|
145
|
-
export default FrontendTimeLine;
|
package/es/Player/iconfont.d.ts
DELETED
package/es/Player/iconfont.js
DELETED
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
2
|
-
var _excluded = ["className"];
|
|
3
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
4
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
5
|
-
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
6
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
7
|
-
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
8
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
9
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
10
|
-
import React from 'react';
|
|
11
|
-
import Icon from "../IconFont";
|
|
12
|
-
import "./style/iconfont.js";
|
|
13
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
14
|
-
function IconFont(_ref) {
|
|
15
|
-
var _ref$className = _ref.className,
|
|
16
|
-
className = _ref$className === void 0 ? '' : _ref$className,
|
|
17
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
18
|
-
return /*#__PURE__*/_jsx(Icon, _objectSpread({
|
|
19
|
-
className: "lm-player-iconfont ".concat(className)
|
|
20
|
-
}, props));
|
|
21
|
-
}
|
|
22
|
-
export default IconFont;
|
package/es/Player/index.d.ts
DELETED
package/es/Player/index.js
DELETED