matrix_components 2.0.316 → 2.0.318

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.
Files changed (6) hide show
  1. package/README.md +7 -0
  2. package/dist/ComponentDemo/VideoDemo.vue +42 -39
  3. package/dist/matrix_components.css +1 -1
  4. package/dist/matrix_components.js +43 -22
  5. package/dist/matrix_components.umd.cjs +1 -1
  6. package/package.json +1 -1
package/README.md CHANGED
@@ -1,6 +1,13 @@
1
1
  # **组件库2.0**
2
2
  组件使用示例参考dist/ComponentDemo
3
3
 
4
+ ```
5
+ version:2.0.317
6
+ 2025-11-15 17:21:09
7
+ 更新日志：
8
+ 1.NsVideo增加获取原始视频宽高的事件videoOriginalInfo和方法getOriginalInfo()
9
+ ```
10
+
4
11
  ```
5
12
  version:2.0.316
6
13
  2025-11-14 11:09:09
package/dist/ComponentDemo/VideoDemo.vue CHANGED
@@ -1,5 +1,5 @@
1
1
  <script setup lang="ts">
2
- import { nextTick, onMounted, reactive, ref } from 'vue'
2
+ import { onMounted, reactive, ref } from 'vue'
3
3
 
4
4
  const nsVideoRef = ref()
5
5
 
@@ -96,48 +96,48 @@ const videoData = reactive({
96
96
  videoInfos: [
97
97
  {
98
98
  index: 0,
99
- url: 'ws://199.10.9.192:30200/rtp/34020000001110000001_34020000001320000001.live.flv',
99
+ url: 'https://sf3-ttcdn-tos.pstatp.com/obj/developer/bytdance.flv',
100
100
  info: {
101
101
  videoModel: 'easyplayer',
102
102
  id: 'xxx2',
103
- url: 'ws://199.10.9.192:30200/rtp/34020000001110000001_34020000001320000001.live.flv',
103
+ url: 'https://sf3-ttcdn-tos.pstatp.com/obj/developer/bytdance.flv',
104
104
  deviceId: 'c1',
105
105
  channelId: 'c11',
106
106
  },
107
107
  },
108
- {
109
- index: 1,
110
- url: 'ws://199.10.9.192:30200/rtp/34020000001110000001_34020000001320000015.live.flv',
111
- info: {
112
- videoModel: 'easyplayer',
113
- id: '222',
114
- url: 'ws://199.10.9.192:30200/rtp/34020000001110000001_34020000001320000015.live.flv',
115
- deviceId: 'c2',
116
- channelId: 'c11',
117
- },
118
- },
119
- {
120
- index: 2,
121
- url: 'ws://199.10.9.192:30200/rtp/34020000001110000001_34020000001320000009.live.flv',
122
- info: {
123
- videoModel: 'easyplayer',
124
- id: 'xxx2',
125
- url: 'ws://199.10.9.192:30200/rtp/34020000001110000001_34020000001320000009.live.flv',
126
- deviceId: 'c3',
127
- channelId: 'c11',
128
- },
129
- },
130
- {
131
- index: 3,
132
- url: 'ws://199.10.9.192:30200/rtp/34020000001110000001_34020000001320000008.live.flv',
133
- info: {
134
- videoModel: 'easyplayer',
135
- id: 'b3',
136
- url: 'ws://199.10.9.192:30200/rtp/34020000001110000001_34020000001320000008.live.flv',
137
- deviceId: 'c4',
138
- channelId: 'c11',
139
- },
140
- },
108
+ // {
109
+ // index: 1,
110
+ // url: 'ws://199.10.9.192:30200/rtp/34020000001110000001_34020000001320000015.live.flv',
111
+ // info: {
112
+ // videoModel: 'easyplayer',
113
+ // id: '222',
114
+ // url: 'ws://199.10.9.192:30200/rtp/34020000001110000001_34020000001320000015.live.flv',
115
+ // deviceId: 'c2',
116
+ // channelId: 'c11',
117
+ // },
118
+ // },
119
+ // {
120
+ // index: 2,
121
+ // url: 'ws://199.10.9.192:30200/rtp/34020000001110000001_34020000001320000009.live.flv',
122
+ // info: {
123
+ // videoModel: 'easyplayer',
124
+ // id: 'xxx2',
125
+ // url: 'ws://199.10.9.192:30200/rtp/34020000001110000001_34020000001320000009.live.flv',
126
+ // deviceId: 'c3',
127
+ // channelId: 'c11',
128
+ // },
129
+ // },
130
+ // {
131
+ // index: 3,
132
+ // url: 'ws://199.10.9.192:30200/rtp/34020000001110000001_34020000001320000008.live.flv',
133
+ // info: {
134
+ // videoModel: 'easyplayer',
135
+ // id: 'b3',
136
+ // url: 'ws://199.10.9.192:30200/rtp/34020000001110000001_34020000001320000008.live.flv',
137
+ // deviceId: 'c4',
138
+ // channelId: 'c11',
139
+ // },
140
+ // },
141
141
  ],
142
142
  // ！！！ 单点播放
143
143
  videoSingleUrl: false,
@@ -148,13 +148,13 @@ const videoData = reactive({
148
148
  // 播放模式: 1: 单击,2: 双击
149
149
  videoPlayModel: 1,
150
150
  // 分屏模式: 1: 单屏, 2: 四屏, 3: 九屏
151
- videoSplitType: 2,
151
+ videoSplitType: 1,
152
152
  // 显示分屏按钮
153
153
  showVideoSplit: true,
154
154
  // 分屏使用图标
155
155
  // videoSplitUseIcon: true,
156
156
  // 显示方向控制按钮
157
- showVideoCtrls: true,
157
+ showVideoCtrls: false,
158
158
  // 禁止控制按钮默认请求行为(默认false，true则不使用组件的发送请求仅调用自定义回调函数)
159
159
  stopVideoCtrlMethods: true,
160
160
  // 单个视频错误最大次数
@@ -167,7 +167,7 @@ const videoData = reactive({
167
167
  WASMSIMD: true,
168
168
  isLive: true,
169
169
  hasAudio: false,
170
- stretch: true
170
+ stretch: false
171
171
  },
172
172
  // -----------事件回调-------------
173
173
  // 点击树节点的操作
@@ -194,6 +194,9 @@ const videoData = reactive({
194
194
 
195
195
  // 视频操作事件
196
196
  const videoEvent = {
197
+ videoOriginalInfo: (info: any) => {
198
+ console.log('===============>视频原始信息:', info)
199
+ },
197
200
  up: () => {
198
201
  console.log('视频向上移动操作')
199
202
  },