hDevelopers

Merhaba,

Şu an hali hazırda son aşamalarına gelmiş bir projenin testlerinden dönen buglar sonrasında bir flash banner’ı oynatma ihtiyacı duyduk ve nasıl yaparız en kısa yoldan ne kullanarak çalıştırabiliriz kısmında takıldık ve biraz araştırarak biraz bir şeyler katarak nasıl yaptığımıza isterseniz birlikte göz atalım. Öncelikle

(function ()
  var $$;
  $$ = jQuery.fn.flash = function (htmlOptions, pluginOptions, replace, update) {
        // Set the default block.
        var block = replace || $$.replace;
        // Merge the default and passed plugin options.
        pluginOptions = $$.copy($$.pluginOptions, pluginOptions);
        // Detect Flash.
        if (!$$.hasFlash(pluginOptions.version)) {
            if (pluginOptions.expressInstall && $$.hasFlash(6, 0, 65)) {
                var expressInstallOptions = {
                    flashvars: {
                        MMredirectURL: location,
                        MMplayerType: 'PlugIn',
                        MMdoctitle: jQuery('title').text()
                    }
                };
                // Ask the user to update (if specified).
            } else if (pluginOptions.update) {
                // Change the block to insert the update message instead of the flash movie.
                block = update || $$.update;
                // Fail
            } else {
                return this;
            }
        }
        // Merge the default, express install and passed html options.
        htmlOptions = $$.copy($$.htmlOptions, expressInstallOptions, htmlOptions);
        return this.each(function () {
            block.call(this, $$.copy(htmlOptions));
        });
    };
 $$.copy = function () {
        var options = {}, flashvars = {};
        for (var i = 0; i < arguments.length; i++) {
            var arg = arguments[i];
            if (arg == undefined) continue;
            jQuery.extend(options, arg);
            // don't clobber one flash vars object with another
            if (arg.flashvars == undefined) continue;
            jQuery.extend(flashvars, arg.flashvars);
        }
        options.flashvars = flashvars;
        return options;
    };
  $$.hasFlash = function () {
        // look for a flag in the query string to bypass flash detection
        if (/hasFlash\=true/.test(location)) return true;
        if (/hasFlash\=false/.test(location)) return false;
        var pv = $$.hasFlash.playerVersion().match(/\d+/g);
        var rv = String([arguments[0], arguments[1], arguments[2]]).match(/\d+/g) || String($$.pluginOptions.version).match(/\d+/g);
        for (var i = 0; i < 3; i++) {
            pv[i] = parseInt(pv[i] || 0);
            rv[i] = parseInt(rv[i] || 0);
            // player is less than required
            if (pv[i] < rv[i]) return false;
            // player is greater than required
            if (pv[i] > rv[i]) return true;
        }
        // major version, minor version and revision match exactly
        return true;
    };
 $$.hasFlash.playerVersion = function () {
        // ie
        try {
            try {
                var axo = new ActiveXObject('ShockwaveFlash.ShockwaveFlash.6');
                try { axo.AllowScriptAccess = 'always'; }
                catch (e) { return '6,0,0'; }
            } catch (e) { }
            return new ActiveXObject('ShockwaveFlash.ShockwaveFlash').GetVariable('$version').replace(/\D+/g, ',').match(/^,?(.+),?$/)[1];
            // other browsers
        } catch (e) {
            try {
                if (navigator.mimeTypes["application/x-shockwave-flash"].enabledPlugin) {
                    return (navigator.plugins["Shockwave Flash 2.0"] || navigator.plugins["Shockwave Flash"]).description.replace(/\D+/g, ",").match(/^,?(.+),?$/)[1];
                }
            } catch (e) { }
        }
        return '0,0,0';
    };
  $$.htmlOptions = {
        height: 240,
        flashvars: {},
        pluginspage: 'http://www.adobe.com/go/getflashplayer',
        src: '#',
        type: 'application/x-shockwave-flash',
        width: 320
    };
    $$.pluginOptions = {
        expressInstall: false,
        update: true,
        version: '6.0.65'
    };
  $$.replace = function (htmlOptions) {
        this.innerHTML = '<div class="alt">' + this.innerHTML + '</div>';
        jQuery(this)
		.addClass('flash-replaced')
		.prepend($$.transform(htmlOptions));
    };
    /**
    $$.update = function (htmlOptions) {
        var url = String(location).split('?');
        url.splice(1, 0, '?hasFlash=true&');
        url = url.join('');
        var msg = '<p>This content requires the Flash Player. <a href="http://www.adobe.com/go/getflashplayer">Download Flash Player</a>. Already have Flash Player? <a href="' + url + '">Click here.</a></p>';
        this.innerHTML = '<span class="alt">' + this.innerHTML + '</span>';
        jQuery(this)
		.addClass('flash-update')
		.prepend(msg);
    };
    function toAttributeString() {
        var s = '';
        for (var key in this)
            if (typeof this[key] != 'function')
                s += key + '="' + this[key] + '" ';
        return s;
    };
    function toFlashvarsString() {
        var s = '';
        for (var key in this)
            if (typeof this[key] != 'function')
                s += key + '=' + encodeURIComponent(this[key]) + '&';
        return s.replace(/&$/, '');
    };
    $$.transform = function (htmlOptions) {
        htmlOptions.toString = toAttributeString;
        if (htmlOptions.flashvars) htmlOptions.flashvars.toString = toFlashvarsString;
        return '<embed ' + String(htmlOptions) + '/>';
    };
    if (window.attachEvent) {
        window.attachEvent("onbeforeunload", function () {
            __flash_unloadHandler = function () { };
            __flash_savedUnloadHandler = function () { };
        });
    }
})();

bu javaScript kodunu bir dosyaya yazıyoruz ve adını jquery.flash.js olarak kaydediyoruz.
Eğer sayfalarınızın inherit edildiği bir masterpage’e sahipseniz bunu masterpageFile’ına değilseniz sayfanızın page direktiflerinin olduğu kısma yani en üst kısma

<script src="/Scripts/jquery.flash.js" type="text/javascript"></script>

kodunu ekliyoruz.
Sonrasında da aslında olay basit. Flash animasyonu oynatacağınız sayfanıza

<script type="text/javascript">
        $('#example').flash(
                );
    </script>

şeklinde html tarafına scriptimizi ekliyoruz. Daha sonrada:

<div id="example" class="flash-replaced">
   <embed width="220" height="165" type="application/x-shockwave-flash"
   src="Videos/Firsatilanlari_220x165.swf?clickTAG=/Intro/pgHighlightingOptions.aspx"
   pluginspage="http://www.adobe.com/go/getflashplayer" />
</div>

bu iki div arasına (< e m b e d />) tag’i içerisindeki kodu yazıyoruz. Burada önemli iki unsur var, birincisi sayfaya eklediğimiz javaScriptte “$(‘#example’).flash” example adı aslında bizim alt taraftaki div’imizin ID si eğer isimleri farklı olursa flashPlayer çalışmaz. Yani div’in ID’ si ile javaScript içerisindeki isim aynı olmalı.
Bu arada width=”220″ yazarak animasyonumuzun genişliğinin 220px olduğunu height=”165″ yazarak animasyonun yüksekliğinin 165px olduğunu, type=”application/x-shockwave-flash” yazarak ne tür bir dosya olduğunu belirtiyoruz ve en önemlisi ve dikkat etmemiz gereken ikinci unsur olarak: src=”Videos/Firsatilanlari_220x165.swf?clickTAG=/Intro/pgHighlightingOptions.aspx” kısmı bizim flash dosyamızın path’ini belirtiyor. ?clickTAG=/Intro/pgHighlightingOptions.aspx kısmı ise flash palyer’ın üzerine tıklandığınıda Redirect olacak page’imizi söylüyor. Video isminden sonra “?clickTAG=” eklememiz muhakkak gerekli. “a href=”pgZamasing.aspx” şekline yazarak ya da HyperLink kullanmak isterseniz ben çalıştıramadım ancak bu şekilde sorunu çözebildim.
Görüşmek üzere.