1

swf のデバッグに役立つ chrome 拡張機能を作成したいと考えています。また、拡張機能で一部の flashvars を変更しながら、他のものは変更しないようにしたいと考えています。

これが新しい、または固有の問題であるとは想像できないので、車輪を再発明する前に、ここで誰かがそれを行った例や方法を持っているかどうか尋ねます.

検索してみましたが、googlefu がオフになっているようです。

私のユースケースは次のとおりです。可能なフラッシュ変数値を含むいくつかのドロップダウンメニューを持つ Google Chrome 拡張機能があります。ドロップダウンの値を変更してから、これらの新しい flashvars で swf をリロードしますが、ドロップダウン メニューにない flashvars は変更しません。

ドロップダウン メニューの値を使用してページに新しい swf を簡単に挿入できますが、swf を再作成するのではなく、再読み込みできるようにしたいと考えています。

Jquery を使用して、次のようにすべてのフラッシュ変数を取得しようとしました。

var flashVars = $("param[name=flashvars]", gameSwfContainer).val();

ただし、いくつかの値を変更または置換してから、それらをオブジェクトに注入するのに苦労しています。（より良い方法がない限り、正規表現がここで役立つかもしれませんか？）

ご協力いただきありがとうございます。

現在、私は次のことをしようとしていますが、それが正しい方向であるかどうかはわかりません。ContentScript.js

//Setup
var swfVersionStr = "10.1.0";
var xiSwfUrlStr = "playerProductInstall.swf";
var params = {};
    params.quality = "high";
    params.bgcolor = "#000000";
    params.allowscriptaccess = "always";
    params.allowfullscreen = "true";
var attributes = {};
    attributes.id = "game_swf_con";
    attributes.name = "game_swf_con";
    attributes.class = "game_swf_con";
    attributes.align = "middle";
var InjectedFlashvars = {
    "run_locally": "true",
        //.. some other flash vars that I won't be changing with my extension
    "swf_object_name":"game_swf"
};
// Injection code called when correct page and div detected;    
var injectScriptText = function(text)
    { 
                loopThroughLocalStorage();
                swfobject.embedSWF(
                    swfName, "game_swf_con",  
                    "760", "625", 
                    swfVersionStr, xiSwfUrlStr, 
                    InjectedFlashvars, params, attributes);
       swfobject.createCSS("#game_swf_con", "display:block;text-align:left;");
    };
        function loopThroughLocalStorage()
    {
        for(key in localStorage){
            try{
            var optionArray = JSON.parse(localStorage[key]);
            var option = returnSelectedFlashVar(optionArray);
            var value = option.value ? option.value : "";
            InjectedFlashvars[key] = value;
            } catch(err){}

        }
    }

    function returnSelectedFlashVar(optionArray){
        for(var i= 0; i < optionArray.length;i++)
        {
            if(optionArray[i].selected == true)
            {
                return optionArray[i];
            }
        }
    }

全体として、現在、contentscript.js、background.js、options.js、options.html、popup.html、および popup.js があります。上記のコードは、これまでのところ contentscript.js にのみ存在します。

4

2 に答える 2

0

ソース:

a)コンテンツ スクリプト

b)背景ページ

c)メッセージパッシング

d)タブ

e)ブラウザ アクション

f) API() の

次のコードを含むhtmlページを想定

<embed src="uploadify.swf" quality="high" bgcolor="#ffffff" width="550"
height="400" name="myFlashMovie" FlashVars="myVariable=Hello%20World&mySecondVariable=Goodbye"
align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash"
pluginspage="http://www.adobe.com/go/getflash" />

次の埋め込みオブジェクトの高さを取得して変更しようとしています。

サンプルデモンストレーション

マニフェスト.json

{
"name":"Flash Vars",
"description":"This demonstrates Flash Vars",
"manifest_version":2,
"version":"1",
"permissions":["<all_urls>"],
"content_scripts": [
    {
      "matches": ["<all_urls>"],
      "js": ["myscript.js"]
    }
       ]
}

myscript.js

// Fetches Current Width
width = document.querySelector("embed[flashvars]:not([flashvars=''])").width;
console.log("Width is  " + width);

// Passing width to background.js
chrome.extension.sendMessage(width);

//Performing some trivial calcualtions
width = width + 10;

//Modifying parameters
document.querySelector("embed[flashvars]:not([flashvars=''])").width = width;

background.js

//Event Handler for catching messages from content script(s)
chrome.extension.onMessage.addListener(

function (message, sender, sendResponse) {
    console.log("Width recieved is " + message);
});

さらに情報が必要な場合はお知らせください。

于 2012-12-03T17:49:27.860 に答える
0

あなたが実際に何を望んでいるのかを決めるのに少し苦労しました。
しかし、flashvar の値を操作する場合は、これが役立つかもしれません... 

queryToObject = function(queryString) {
    var jsonObj = {};
    var e, a = /\+/g,
        r = /([^&=]+)=?([^&]*)/g,
        d = function(s) {
            return decodeURIComponent(s.replace(a, " "));
        };

    while(e = r.exec(queryString)) {
        jsonObj[d(e[1])] = d(e[2]);
    }

    return jsonObj;
}

objectToQuery = function(object) {
    var keys = Object.keys(object),
        key;
    var value, query = '';
    for(var i = 0; i < keys.length; i++) {
        key = keys[i];
        value = object[key];
        query += (query.length > 0 ? '&' : '') + key + '=' + encodeURIComponent(value);
    }
    return query;
}

// this is what a flashvar value looks like according to this page...http://www.mediacollege.com/adobe/flash/actionscript/flashvars.html
var testQuery = 'myvar1=value1&myvar2=value2&myvar3=a+space';

var testObject = queryToObject(testQuery);

console.debug(testObject);

testQuery = objectToQuery(testObject);

console.debug(testQuery);

testObject.myvar0 = 'bleh';

delete testObject.myvar2;

console.debug(objectToQuery(testObject));

また、コンテンツ スクリプトで localStorage を使用する場合は、ストレージがページのコンテキストで保持されることに注意してください。代わりにchrome.storage
を見てみてください。

編集：コメントへの回答
This looks correct, but how do I "reload" the object so that those new flashvars are the ones that are used by the swf?

私はswfObjectを使用したことがありません（5年ほどフラッシュを行っていません）が、見てみるとswfobject.embedSWF、新しいflashVarsで再実行するだけで、古いオブジェクトが新しいオブジェクトに置き換えられるようです。すべての詳細を提供できるので、自分で追加したものを置き換える場合は問題ありません。他の誰かがそこに置いたものを置き換える場合は、オブジェクトのクローンを作成し、いくつかのものを変更して、オリジナルをクローンに置き換えることができます。クローンは、要素に関連付けられたイベントをクローンしませんが、あなたの場合は問題になるとは思いません。これが例です（flashvarsを出力するだけの簡単なサンプルswfが見つからなかったため、テストできませんでした）.... 

var target = document.querySelector('#game_swf_con');
// Cloning the element will not clone any event listners attached to this element, but I dont think that's a prob for you
var clone = target.cloneNode(true);
var flashvarsAttribute = clone.querySelector('param[name=FlashVars]');
if (flashvarsAttribute) {
    var flashvars = flashvarsAttribute.value;
    flashvars = queryToObject(flashvars);
    // add a new value
    flashvars.newValue = "something";
    // update the clone with the new FlashVars
    flashvarsAttribute.value = objectToQuery(flashvars);
    // replace the original object with the clone
    target.parentNode.replaceChild(clone, target);
}​
于 2012-12-03T17:44:49.723 に答える