Commit aef7ab70 authored by liujiangnan's avatar liujiangnan

feat: 进度条

parent b53b83f6
......@@ -90,25 +90,25 @@
"__id__": 21
},
{
"__id__": 72
"__id__": 69
},
{
"__id__": 76
"__id__": 73
},
{
"__id__": 78
"__id__": 75
}
],
"_active": true,
"_components": [
{
"__id__": 84
"__id__": 81
},
{
"__id__": 85
"__id__": 82
},
{
"__id__": 86
"__id__": 83
}
],
"_prefab": null,
......@@ -933,16 +933,16 @@
"__id__": 22
},
{
"__id__": 61
"__id__": 60
},
{
"__id__": 66
"__id__": 64
}
],
"_active": true,
"_components": [
{
"__id__": 71
"__id__": 68
}
],
"_prefab": null,
......@@ -1005,31 +1005,31 @@
"__id__": 23
},
{
"__id__": 28
"__id__": 27
},
{
"__id__": 35
"__id__": 34
},
{
"__id__": 42
"__id__": 41
},
{
"__id__": 49
"__id__": 48
},
{
"__id__": 53
"__id__": 52
},
{
"__id__": 56
"__id__": 55
}
],
"_active": true,
"_components": [
{
"__id__": 59
"__id__": 58
},
{
"__id__": 60
"__id__": 59
}
],
"_prefab": null,
......@@ -1043,19 +1043,19 @@
},
"_contentSize": {
"__type__": "cc.Size",
"width": 1377,
"width": 1376,
"height": 25
},
"_anchorPoint": {
"__type__": "cc.Vec2",
"x": 0.5,
"x": 0,
"y": 0.5
},
"_trs": {
"__type__": "TypedArray",
"ctor": "Float64Array",
"array": [
-0.1269999999999527,
-688.627,
-2.42,
0,
0,
......@@ -1096,9 +1096,6 @@
"_components": [
{
"__id__": 26
},
{
"__id__": 27
}
],
"_prefab": null,
......@@ -1112,7 +1109,7 @@
},
"_contentSize": {
"__type__": "cc.Size",
"width": 10,
"width": 1376,
"height": 21
},
"_anchorPoint": {
......@@ -1125,7 +1122,7 @@
"ctor": "Float64Array",
"array": [
0,
-0.676,
0,
0,
0,
0,
......@@ -1179,7 +1176,7 @@
},
"_anchorPoint": {
"__type__": "cc.Vec2",
"x": 0,
"x": 0.5,
"y": 0.5
},
"_trs": {
......@@ -1261,7 +1258,7 @@
"_spriteFrame": {
"__uuid__": "b035c74f-9f28-4698-8325-8fe9ec6e3db0"
},
"_type": 1,
"_type": 3,
"_sizeMode": 0,
"_fillType": 0,
"_fillCenter": {
......@@ -1275,33 +1272,6 @@
"_atlas": null,
"_id": "6aEBayL25NCYjiR2AaURHr"
},
{
"__type__": "cc.Widget",
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 23
},
"_enabled": true,
"alignMode": 1,
"_target": null,
"_alignFlags": 0,
"_left": 14.937999999999988,
"_right": 0,
"_top": 0,
"_bottom": 0,
"_verticalCenter": 0,
"_horizontalCenter": 0,
"_isAbsLeft": true,
"_isAbsRight": true,
"_isAbsTop": true,
"_isAbsBottom": true,
"_isAbsHorizontalCenter": true,
"_isAbsVerticalCenter": true,
"_originalWidth": 0,
"_originalHeight": 0,
"_id": "7310XIrRBLaaz4w9xVlqLd"
},
{
"__type__": "cc.Node",
"_name": "Play",
......@@ -1311,16 +1281,16 @@
},
"_children": [
{
"__id__": 29
"__id__": 28
}
],
"_active": true,
"_components": [
{
"__id__": 32
"__id__": 31
},
{
"__id__": 34
"__id__": 33
}
],
"_prefab": null,
......@@ -1346,7 +1316,7 @@
"__type__": "TypedArray",
"ctor": "Float64Array",
"array": [
-821.106,
-132.606,
5.519,
0,
0,
......@@ -1376,16 +1346,16 @@
"_name": "Background",
"_objFlags": 512,
"_parent": {
"__id__": 28
"__id__": 27
},
"_children": [],
"_active": true,
"_components": [
{
"__id__": 30
"__id__": 29
},
{
"__id__": 31
"__id__": 30
}
],
"_prefab": null,
......@@ -1441,7 +1411,7 @@
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 29
"__id__": 28
},
"_enabled": true,
"_materials": [
......@@ -1473,7 +1443,7 @@
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 29
"__id__": 28
},
"_enabled": true,
"alignMode": 0,
......@@ -1500,7 +1470,7 @@
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 28
"__id__": 27
},
"_enabled": true,
"_normalMaterial": null,
......@@ -1509,7 +1479,7 @@
"zoomScale": 1.2,
"clickEvents": [
{
"__id__": 33
"__id__": 32
}
],
"_N$interactable": true,
......@@ -1575,7 +1545,7 @@
"__uuid__": "29158224-f8dd-4661-a796-1ffab537140e"
},
"_N$target": {
"__id__": 29
"__id__": 28
},
"_id": "a8bWaLdnFKA5ITxJunB2R2"
},
......@@ -1594,7 +1564,7 @@
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 28
"__id__": 27
},
"_enabled": true,
"alignMode": 1,
......@@ -1625,16 +1595,16 @@
},
"_children": [
{
"__id__": 36
"__id__": 35
}
],
"_active": false,
"_components": [
{
"__id__": 39
"__id__": 38
},
{
"__id__": 41
"__id__": 40
}
],
"_prefab": null,
......@@ -1690,16 +1660,16 @@
"_name": "Background",
"_objFlags": 512,
"_parent": {
"__id__": 35
"__id__": 34
},
"_children": [],
"_active": true,
"_components": [
{
"__id__": 37
"__id__": 36
},
{
"__id__": 38
"__id__": 37
}
],
"_prefab": null,
......@@ -1755,7 +1725,7 @@
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 36
"__id__": 35
},
"_enabled": true,
"_materials": [
......@@ -1787,7 +1757,7 @@
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 36
"__id__": 35
},
"_enabled": true,
"alignMode": 0,
......@@ -1814,7 +1784,7 @@
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 35
"__id__": 34
},
"_enabled": true,
"_normalMaterial": null,
......@@ -1823,7 +1793,7 @@
"zoomScale": 1.2,
"clickEvents": [
{
"__id__": 40
"__id__": 39
}
],
"_N$interactable": true,
......@@ -1879,7 +1849,7 @@
"hoverSprite": null,
"_N$disabledSprite": null,
"_N$target": {
"__id__": 36
"__id__": 35
},
"_id": "94dhG7VhpIZZJp5e+IJuYc"
},
......@@ -1898,7 +1868,7 @@
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 35
"__id__": 34
},
"_enabled": true,
"alignMode": 1,
......@@ -1929,16 +1899,16 @@
},
"_children": [
{
"__id__": 43
"__id__": 42
}
],
"_active": false,
"_components": [
{
"__id__": 46
"__id__": 45
},
{
"__id__": 48
"__id__": 47
}
],
"_prefab": null,
......@@ -1994,16 +1964,16 @@
"_name": "Background",
"_objFlags": 512,
"_parent": {
"__id__": 42
"__id__": 41
},
"_children": [],
"_active": true,
"_components": [
{
"__id__": 44
"__id__": 43
},
{
"__id__": 45
"__id__": 44
}
],
"_prefab": null,
......@@ -2059,7 +2029,7 @@
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 43
"__id__": 42
},
"_enabled": true,
"_materials": [
......@@ -2091,7 +2061,7 @@
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 43
"__id__": 42
},
"_enabled": true,
"alignMode": 0,
......@@ -2118,7 +2088,7 @@
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 42
"__id__": 41
},
"_enabled": true,
"_normalMaterial": null,
......@@ -2127,7 +2097,7 @@
"zoomScale": 1.2,
"clickEvents": [
{
"__id__": 47
"__id__": 46
}
],
"_N$interactable": true,
......@@ -2183,7 +2153,7 @@
"hoverSprite": null,
"_N$disabledSprite": null,
"_N$target": {
"__id__": 43
"__id__": 42
},
"_id": "23rFQGz+tCTpq6+bq4cJzR"
},
......@@ -2202,7 +2172,7 @@
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 42
"__id__": 41
},
"_enabled": true,
"alignMode": 1,
......@@ -2235,13 +2205,13 @@
"_active": true,
"_components": [
{
"__id__": 50
"__id__": 49
},
{
"__id__": 51
"__id__": 50
},
{
"__id__": 52
"__id__": 51
}
],
"_prefab": null,
......@@ -2267,7 +2237,7 @@
"__type__": "TypedArray",
"ctor": "Float64Array",
"array": [
-625.6339999999999,
62.86600000000004,
-63.637,
0,
0,
......@@ -2297,7 +2267,7 @@
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 49
"__id__": 48
},
"_enabled": true,
"_materials": [
......@@ -2332,7 +2302,7 @@
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 49
"__id__": 48
},
"_enabled": false,
"_color": {
......@@ -2350,7 +2320,7 @@
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 49
"__id__": 48
},
"_enabled": true,
"alignMode": 1,
......@@ -2383,10 +2353,10 @@
"_active": true,
"_components": [
{
"__id__": 54
"__id__": 53
},
{
"__id__": 55
"__id__": 54
}
],
"_prefab": null,
......@@ -2412,7 +2382,7 @@
"__type__": "TypedArray",
"ctor": "Float64Array",
"array": [
602.1619999999999,
1289.662,
-57.424,
0,
0,
......@@ -2442,7 +2412,7 @@
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 53
"__id__": 52
},
"_enabled": true,
"_materials": [
......@@ -2477,7 +2447,7 @@
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 53
"__id__": 52
},
"_enabled": true,
"alignMode": 1,
......@@ -2510,10 +2480,10 @@
"_active": true,
"_components": [
{
"__id__": 57
"__id__": 56
},
{
"__id__": 58
"__id__": 57
}
],
"_prefab": null,
......@@ -2539,7 +2509,7 @@
"__type__": "TypedArray",
"ctor": "Float64Array",
"array": [
-829.5540000000001,
-141.0540000000001,
129.536,
0,
0,
......@@ -2569,7 +2539,7 @@
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 56
"__id__": 55
},
"_enabled": true,
"_materials": [
......@@ -2601,7 +2571,7 @@
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 56
"__id__": 55
},
"_enabled": true,
"alignMode": 1,
......@@ -2656,31 +2626,21 @@
"_id": "70MH/+uAVLfpCHqg4yKrpK"
},
{
"__type__": "cc.Widget",
"__type__": "cc.ProgressBar",
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 22
},
"_enabled": true,
"alignMode": 1,
"_target": null,
"_alignFlags": 44,
"_left": -0.12699999999997869,
"_right": 0.12699999999997869,
"_top": 0,
"_bottom": -14.92,
"_verticalCenter": 0,
"_horizontalCenter": 0,
"_isAbsLeft": true,
"_isAbsRight": true,
"_isAbsTop": true,
"_isAbsBottom": true,
"_isAbsHorizontalCenter": true,
"_isAbsVerticalCenter": true,
"_originalWidth": 2057,
"_originalHeight": 0,
"_id": "70m+PVzhhBpKXNmtdvKZ+d"
"_N$totalLength": 1,
"_N$barSprite": {
"__id__": 26
},
"_N$mode": 2,
"_N$progress": 1,
"_N$reverse": false,
"_id": "3dF8PkMLxEpKSPDwGAi86W"
},
{
"__type__": "cc.Node",
......@@ -2693,13 +2653,10 @@
"_active": true,
"_components": [
{
"__id__": 62
},
{
"__id__": 63
"__id__": 61
},
{
"__id__": 64
"__id__": 62
}
],
"_prefab": null,
......@@ -2726,7 +2683,7 @@
"ctor": "Float64Array",
"array": [
751.628,
0,
-2.882,
0,
0,
0,
......@@ -2755,7 +2712,7 @@
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 61
"__id__": 60
},
"_enabled": true,
"_materials": [
......@@ -2782,39 +2739,12 @@
"_atlas": null,
"_id": "06ezJzYdpJt5zSfzWdMn2m"
},
{
"__type__": "cc.Widget",
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 61
},
"_enabled": true,
"alignMode": 1,
"_target": null,
"_alignFlags": 32,
"_left": 0,
"_right": -95.12800000000004,
"_top": 0,
"_bottom": 0,
"_verticalCenter": 0,
"_horizontalCenter": 0,
"_isAbsLeft": true,
"_isAbsRight": true,
"_isAbsTop": true,
"_isAbsBottom": true,
"_isAbsHorizontalCenter": true,
"_isAbsVerticalCenter": true,
"_originalWidth": 0,
"_originalHeight": 0,
"_id": "b7Ro9KwAtNfIUBPHuaYp3Q"
},
{
"__type__": "cc.Button",
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 61
"__id__": 60
},
"_enabled": true,
"_normalMaterial": null,
......@@ -2823,7 +2753,7 @@
"zoomScale": 1.2,
"clickEvents": [
{
"__id__": 65
"__id__": 63
}
],
"_N$interactable": true,
......@@ -2902,13 +2832,10 @@
"_active": false,
"_components": [
{
"__id__": 67
},
{
"__id__": 68
"__id__": 65
},
{
"__id__": 69
"__id__": 66
}
],
"_prefab": null,
......@@ -2964,7 +2891,7 @@
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 66
"__id__": 64
},
"_enabled": true,
"_materials": [
......@@ -2991,39 +2918,12 @@
"_atlas": null,
"_id": "c4iYlOEjlP2r3+A4Sc9aCx"
},
{
"__type__": "cc.Widget",
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 66
},
"_enabled": true,
"alignMode": 1,
"_target": null,
"_alignFlags": 32,
"_left": 0,
"_right": -94.12800000000004,
"_top": 0,
"_bottom": 0,
"_verticalCenter": 0,
"_horizontalCenter": 0,
"_isAbsLeft": true,
"_isAbsRight": true,
"_isAbsTop": true,
"_isAbsBottom": true,
"_isAbsHorizontalCenter": true,
"_isAbsVerticalCenter": true,
"_originalWidth": 0,
"_originalHeight": 0,
"_id": "53meCrSy1LOaAujWL+Wt8W"
},
{
"__type__": "cc.Button",
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 66
"__id__": 64
},
"_enabled": true,
"_normalMaterial": null,
......@@ -3032,7 +2932,7 @@
"zoomScale": 1.2,
"clickEvents": [
{
"__id__": 70
"__id__": 67
}
],
"_N$interactable": true,
......@@ -3138,13 +3038,13 @@
"_active": false,
"_components": [
{
"__id__": 73
"__id__": 70
},
{
"__id__": 74
"__id__": 71
},
{
"__id__": 75
"__id__": 72
}
],
"_prefab": null,
......@@ -3200,7 +3100,7 @@
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 72
"__id__": 69
},
"_enabled": true,
"_materials": [
......@@ -3232,7 +3132,7 @@
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 72
"__id__": 69
},
"_enabled": true,
"alignMode": 1,
......@@ -3259,7 +3159,7 @@
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 72
"__id__": 69
},
"_enabled": true,
"_id": "beaGv1g0JBZ59RUOJpzt0W"
......@@ -3275,7 +3175,7 @@
"_active": false,
"_components": [
{
"__id__": 77
"__id__": 74
}
],
"_prefab": null,
......@@ -3331,7 +3231,7 @@
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 76
"__id__": 73
},
"_enabled": true,
"alignMode": 1,
......@@ -3362,16 +3262,16 @@
},
"_children": [
{
"__id__": 79
"__id__": 76
}
],
"_active": true,
"_components": [
{
"__id__": 82
"__id__": 79
},
{
"__id__": 83
"__id__": 80
}
],
"_prefab": null,
......@@ -3427,16 +3327,16 @@
"_name": "title",
"_objFlags": 0,
"_parent": {
"__id__": 78
"__id__": 75
},
"_children": [],
"_active": true,
"_components": [
{
"__id__": 80
"__id__": 77
},
{
"__id__": 81
"__id__": 78
}
],
"_prefab": null,
......@@ -3492,7 +3392,7 @@
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 79
"__id__": 76
},
"_enabled": true,
"_materials": [
......@@ -3527,7 +3427,7 @@
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 79
"__id__": 76
},
"_enabled": true,
"alignMode": 1,
......@@ -3554,7 +3454,7 @@
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 78
"__id__": 75
},
"_enabled": true,
"_materials": [
......@@ -3586,7 +3486,7 @@
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 78
"__id__": 75
},
"_enabled": true,
"alignMode": 1,
......@@ -3667,21 +3567,21 @@
"__id__": 22
},
"playButton": {
"__id__": 32
"__id__": 31
},
"pauseButton": {
"__id__": 39
"__id__": 38
},
"restartButton": {
"__id__": 46
"__id__": 45
},
"backButton": null,
"forwardButton": null,
"durationLabel": {
"__id__": 54
"__id__": 53
},
"currentTimeLabel": {
"__id__": 50
"__id__": 49
},
"barTag": {
"__id__": 24
......
......@@ -350,14 +350,17 @@ cc.Class({
this.currentTimeLabel.string = this.formatTime(ct);
const dur = this.videoPlayer.getDuration();
const percent = ct / dur;
if (percent > 1) {
percent = 1
}
this.ProgressBar.getComponent(cc.ProgressBar).progress = percent;
const maxX = this.ProgressBar.width;
const minX = 0;
let newX = percent * maxX;
newX = Math.min(maxX, Math.max(newX, minX));
this.barTag.x = newX>=(maxX-90)?(maxX-90):(newX-15);
this.bar.width = newX;
this.bar.x = 0 - (maxX / 2);
this.barTag.x = newX;
},
formatTime(time) {
if (time === undefined) {
return '';
......
assets/ngt_video/Texture/video/process.png

852 Bytes | W: | H:

assets/ngt_video/Texture/video/process.png

1.44 KB | W: | H:

assets/ngt_video/Texture/video/process.png
assets/ngt_video/Texture/video/process.png
assets/ngt_video/Texture/video/process.png
assets/ngt_video/Texture/video/process.png
  • 2-up
  • Swipe
  • Onion skin
......@@ -22,14 +22,14 @@
"offsetY": 0,
"trimX": 0,
"trimY": 0,
"width": 211,
"width": 1376,
"height": 21,
"rawWidth": 211,
"rawWidth": 1376,
"rawHeight": 21,
"borderTop": 0,
"borderBottom": 0,
"borderLeft": 11,
"borderRight": 9,
"borderLeft": 8,
"borderRight": 8,
"subMetas": {}
}
}
......
assets/ngt_video/Texture/video/processbg.png

988 Bytes | W: | H:

assets/ngt_video/Texture/video/processbg.png

1004 Bytes | W: | H:

assets/ngt_video/Texture/video/processbg.png
assets/ngt_video/Texture/video/processbg.png
assets/ngt_video/Texture/video/processbg.png
assets/ngt_video/Texture/video/processbg.png
  • 2-up
  • Swipe
  • Onion skin
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment