Chrome 扩展程序中的 SWFobject - API 不可用

Question

嗨！
我正在构建一个 Chrome 扩展程序，需要在后台页面中嵌入一个 SWF 对象。
除了 SWF 对象和事件监听器的 JavaScript 控件之外，一切正常。
我的猜测是，这与跨域策略有关，因为在网络服务器上测试页面时一切正常。

无论如何，这里有一个片段：

在主页中：

var playerView =  chrome.extension.getBackgroundPage(); 
$('#playerPause').click(function(){
    playerView.playerPause();
});

在后台：

function playerPause() {
    if (postData[nowPlaying].provider == 'youtube' ) {
        player.pauseVideo();
    } 
    else if (postData[nowPlaying].provider == 'soundcloud' ) {
        player.api_pause();
    };
}

以及 eventListeners：

soundcloud.addEventListener('onMediaEnd', playerNext);

function onYouTubePlayerReady(player) {
    player.addEventListener("onStateChange", "function(state){ if(state == 0) { playerNext(); } }");
}

在控制台中抛出

“未捕获类型错误：对象#没有方法 '暂停视频'"

对于 Youtube 嵌入 Soundcloud 来说。

此外，SWFobject 是这样嵌入的（并且有效）：

function loadTrack (id) {
    if(postData[id].provider == 'youtube') {
        swfobject.embedSWF(
            "http://www.youtube.com/e/" + postData[id].url + "?enablejsapi=1&playerapiid=player",
            "player",
            "1",
            "1",
            "8",
            null,
            {
                autoplay: 1
            },
            {
                allowScriptAccess: "always"
            },
            {
                id: "player"
            }
        );
    }
    else if(postData[id].provider == 'soundcloud') {
        swfobject.embedSWF(
            'http://player.soundcloud.com/player.swf',
            'player',
            '1',
            '1',
            '9.0.0',
            'expressInstall.swf',
            {
                enable_api: true, 
                object_id: 'player',
                url: postData[id].url,
                auto_play: true
            },
            {
                allowscriptaccess: 'always'
            },
            {
                id: 'player',
                name: 'player'
            }
        );
    }
}

抱歉这篇冗长的文章，我想提供尽可能多的信息。
另外，我知道代码并不漂亮，这只是我的第二个应用程序;)

提前非常感谢任何可以提供帮助的人，
贾科莫

Answer 1

您可以查看

Answer 2

这里的问题是，自从清单发展到 v2 以来，您就无法在 chrome 扩展中使用内联脚本或内联事件处理程序。

您应该添加清单文件，以便我更好地了解发生了什么。但简单来说您所能做的就是

在主页中，

• 删除所有内联脚本并将它们移动到外部 JS 文件。
• 删除内联事件侦听器，将它们移动到相同或另一个外部 JS 并使用

  <块引用>

  addEventListener()。

But the issue is, You can't execute calls to the swf in the background page or expect it to return anything. All these will continue to give you "Uncaught TypeError" Exception.

以网络摄像头图像捕获 swf 为例，网络摄像头将流式传输到页面，但永远无法对其进行函数调用，因此永远不会捕获图像。
我的从插件弹出窗口扫描二维码的项目因此而陷入废墟。