angular-swfobject.js

angular.module('swfobject', [])
  .factory('SwfObject', ['$window', function ($window) {
    return $window.swfobject;
  }])
  .directive('swfObject', ['$window', '$timeout', '$interval', 'SwfObject', function ($window, $timeout, $interval, SwfObject) {
    'use strict';

    return {
      restrict: 'EAC',
      template: '<div id="{{id}}" ng-transclude></div>',
      transclude: true,
      scope: {
        params: '=swfParams',
        attrs: '=swfAttrs',
        callbacks: '=swfCallbacks',
        vars: '=?swfVars',
        expressInstallSwfurl:'=?xiSwfUrlStr',
        swfLoad: '&'
      },

      link: function link(scope, element, attrs) {

        scope.id = attrs.swfId ||
          // Random hash looking thing
          'swf-' + Math.floor(Math.random() * 1000000000000).toString(16);

        $timeout(function () {
          SwfObject.embedSWF(attrs.swfUrl,
            scope.id,
            attrs.swfWidth || 800,
            attrs.swfHeight || 600,
            attrs.swfVersion || '10',
            scope.expressInstallSwfurl,
            scope.vars,
            scope.params,
            scope.attrs,
            embedHandler);
        }, 0);

        
        // Callbacks to be invoked from AS3 ExternalInterface set on `window`
        if (!!scope.callbacks) {
             Object.keys(scope.callbacks).forEach(function (cbName) {
                $window[cbName] = scope.callbacks[cbName];
            });
        }


        // http://learnswfobject.com/advanced-topics/executing-javascript-when-the-swf-has-finished-loading/
        function swfLoadEvent(evt, fn) {
            //Set up a timer to periodically check value of PercentLoaded
            var loadCheckInterval = $interval(function () {
              //Ensure Flash Player's PercentLoaded method is available and returns a value
              if (typeof evt.ref.PercentLoaded !== "undefined" && evt.ref.PercentLoaded()) {
                //Once value == 100 (fully loaded) we can do whatever we want
                if (evt.ref.PercentLoaded() === 100) {
                  //Clear interval
                  $interval.cancel(loadCheckInterval);
                  loadCheckInterval = null;
                  //Execute function
                  fn({evt: evt});
                }
              }
            }, 200);
        }

        // https://code.google.com/p/swfobject/wiki/api
        function embedHandler(evt) {
          if (scope.swfLoad && typeof(scope.swfLoad) === "function") {
            // if failure no reason to go and check if flash is 100% loaded 
            if (!evt.success || !evt.ref) {
              scope.swfLoad({evt: evt});
            } else {
              swfLoadEvent(evt, scope.swfLoad);
            }
          }

        }
      }
    };
  }]);