Hello Community,
I can say that it seems possible to get the videos saved which are saved in thingworx repository and show in vuforia studio on the video widget. There are 10 videos which i change with the click of a button. What do you think is a best solution that should i get the video on click everytime or first fetch all the videos together and then show it one by one with the button click. i mean store them as an array. Any suggestions in this regard...
Problem
let videos = [
{ id: 'video-2', src: 'app/resources/Uploaded/Illustration-1.mp4' },//1
{ id: 'video-2', src: 'app/resources/Uploaded/Illustration-2.mp4' },//2
{ id: 'video-2', src: 'app/resources/Uploaded/Illustration-3.mp4' },//3
{ id: 'video-2', src: 'app/resources/Uploaded/Illustration-5.mp4' },//4
{ id: 'video-2', src: 'app/resources/Uploaded/Illustration-6.mp4' },//5
{ id: 'video-2', src: 'app/resources/Uploaded/Illustration-7.mp4' },//6
{ id: 'video-2', src: 'app/resources/Uploaded/Illustration-8.mp4' },//7
{ id: 'video-2', src: 'app/resources/Uploaded/Illustration-9.mp4' },//8
{ id: 'video-2', src: 'app/resources/Uploaded/Illustration-10.mp4' },//9
{ id: 'video-2', src: 'app/resources/Uploaded/Illustration-11.mp4' },//10
{ id: 'video-2', src: 'app/resources/Uploaded/Illustration-13.mp4' },//11
{ id: 'video-2', src: 'app/resources/Uploaded/Illustration-14.mp4' },//12
];
I have many experiences with different videos with different business logics and thats why i want to fetch videos dynamically from the back end. I have found the service below as you can see to get the binary data of the video but now even one clip which is of 35MB is taking 15 seconds to fetch from filerepository. any idea to make it fast or any other approach should i have to consider here?
@RolandRaytchev any suggestions here?
the call of LoadBinary I was used in the past to get data from TWX file repository to mobile device. On mobile device is working but still I had no sucssess on HL2 device. So that you can use the alternative way with the downloadLink field./service GetFileListingWithLinks . In my previous post I refered to How to attach a Thingworx Repository file to the Hololens Project 3D Video widget what was about getting video file on HoloLens device (that works also on mobile)
Now I tested with pvz file . And that works also fine. So means using a TWX downloadLink will work. That approach is much easy to hanlde and it makes the usage of the loadBinary unnecessary . If you want to know when the method is completed you can use for PVZ e.g. the event of the modelWidget $rootScope.$on("modelLoaded",function() {....}) So tested with a Repository list and the loading of the pvz models was working fine. /on HL and mobile
and used some code like thatbelow. So when clicked on the 3D Widget it change the model with the next model of the json list.
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
$scope.populateModelList = function() {
$scope.app.params.myList = [
{
display: "3dgauge1",
value: "/Thingworx/FileRepositories/CADRepository1_test/pvz/3dgauge1.pvz"
},
{
display: "engine_test_exp",
value: "/Thingworx/FileRepositories/CADRepository1_test/pvz/engine_test_exp.pvz"
},
{
display: "mill5MT_High",
value: "/Thingworx/FileRepositories/CADRepository1_test/pvz/mill5MT_High.pvz"
},
{
display: "bla-bla->the same as 3dauge1",
value: "/Thingworx/FileRepositories/CADRepository1_test/pvz/bla-bla.pvz"
},
{
display: "navipad",
value: "/Thingworx/FileRepositories/CADRepository1_test/pvz/navipad.pvz"
},
{
display: "Ventil BG",
value: "/Thingworx/FileRepositories/CADRepository1_test/pvz/ventil_bg_anno.pvz"
}
];
}
/////////////////////////////////////////////////////////////////////////////////////////////////////////////
angular.element(document).ready(function() {
$scope.populateModelList();
$scope.app.numberArr=JSON.parse(JSON.stringify($scope.app.params.myList)).length
$scope.app.countArr=0
})
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
$scope.app.modelWdgSet= function () {
$scope.view.wdg['model-1']['src']= JSON.parse(JSON.stringify(($scope.app.params.myList)))[$scope.app.countArr].value;
$scope.view.wdg['3DLabel-2']['text']= JSON.parse(JSON.stringify(($scope.app.params.myList)))[$scope.app.countArr].display;
$scope.$applyAsync();
$scope.app.countArr++;
if( $scope.app.countArr >= $scope.app.numberArr) $scope.app.countArr=0;
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
