AngularJS

AngularJS support has officially ended as of January 2022 https://docs.angularjs.org/misc/version-support-status

The example below is a foundational template for your experimentation. Please note that this framework is deprecated, as mentioned in the message above.

<div ng-app="pixelStreamingApp" ng-controller="PixelStreamingCtrl" id="video-container">
  <!-- Pixel Streaming application will be appended here -->
</div>

import { ArcwareInit } from "@arcware-cloud/pixelstreaming-websdk";


angular.module('pixelStreamingApp', [])
  .controller('PixelStreamingCtrl', ['$scope', function($scope) {
    // Initialization logic here
    const { Config, PixelStreaming, Application } = ArcwareInit(
        {
          shareId: "<your-shareId-goes-here>"
        },
        {
          initialSettings: {
            StartVideoMuted: true,
            AutoConnect: true,
            AutoPlayVideo: true
          },
          settings: {
            infoButton: true,
            micButton: true,
            audioButton: true,
            fullscreenButton: true,
            settingsButton: true,
            connectionStrengthIcon: true
          },
        }
      );

    $scope.$on('$viewContentLoaded', function() {
      var videoContainer = document.getElementById("video-container");
      videoContainer.appendChild(Application.rootElement);
    });

    Application.getApplicationResponse(function(response) {
      $scope.$apply(function() {
        $scope.applicationResponse = response;
      });
    });
  }]);