\r\n
\r\n \r\n \r\n \r\n
\r\n
`;\r\n replace: boolean = true;\r\n scope: any = {\r\n src: \"=\"\r\n }\r\n\r\n constructor() { }\r\n\r\n link = (scope: ICfncVRViewScope, element: angular.IAugmentedJQuery, attrs: ICfncVRViewAttributes) => {\r\n scope.playing = false;\r\n scope.volume = 100;\r\n scope.mute = false;\r\n scope.isReady = false;\r\n\r\n\r\n angular.element('document').ready(() => {\r\n scope.vrView = new VRView.Player(\"#\" + attrs.id, {\r\n video: scope.src,\r\n is_stereo: attrs.isStereo ? attrs.isStereo : false,\r\n width: attrs.width ? attrs.width : \"100%\",\r\n height: attrs.height ? attrs.height : \"100%\"\r\n });\r\n\r\n scope.vrView.on('ready', () => {\r\n scope.playing = true;\r\n scope.isReady = true;\r\n scope.$applyAsync();\r\n });\r\n });\r\n\r\n\r\n\r\n scope.play = () => {\r\n console.log(scope.vrView.getCurrentTime());\r\n if (scope.playing) {\r\n scope.vrView.pause();\r\n scope.playing = false;\r\n\r\n }\r\n else {\r\n scope.vrView.play();\r\n scope.playing = true;\r\n }\r\n };\r\n\r\n scope.setVolume = () => {\r\n console.log(scope.vrView);\r\n if (scope.vrView) {\r\n scope.mute = false;\r\n scope.vrView.setVolume(scope.volume / 100);\r\n }\r\n };\r\n\r\n scope.muteVolume = () => {\r\n scope.mute = !scope.mute;\r\n\r\n if (scope.vrView) {\r\n if (scope.mute) {\r\n\r\n scope.vrView.setVolume(0);\r\n } else {\r\n scope.vrView.setVolume(scope.volume / 100);\r\n }\r\n }\r\n }\r\n\r\n\r\n scope.$watch(\"src\", (newValue: string, oldValue: string) => {\r\n if (scope.vrView != null) {\r\n scope.vrView.setContent({\r\n video: newValue,\r\n is_stereo: attrs.isStereo ? attrs.isStereo : false\r\n });\r\n scope.vrView.play();\r\n scope.playing = true;\r\n }\r\n });\r\n\r\n \r\n }\r\n }\r\n\r\n angular.module(\"app\").directive(CfncVRView.directiveId, [() => new CfncVRView()]);\r\n}","///