web-dev-qa-db-ja.com

Javascriptでのクロスブラウザフラッシュ検出

IE/Firefoxで確実に動作し、ブラウザが埋め込みFlashコンテンツを表示できるかどうかを検出できるスクリプトの例はありますか？確実に言うのは、100％の確率で不可能なことを知っているからです。

javascriptflashcross-browser
94
kd7

SWFObject は非常に信頼できます。私はかなり長い間問題なくそれを使用してきました。

93
Max Stewart

Max Stewart に同意します。 SWFObject が道です。彼の答えをコード例で補足したいと思います。これはあなたが始められるようにするべきです：

swfobject.jsファイルが含まれていることを確認してください（取得- ここ ）：

<script type="text/javascript" src="swfobject.js"></script>

その後、次のように使用します。

if(swfobject.hasFlashPlayerVersion("9.0.115"))
{
    alert("You have the minimum required flash version (or newer)");
}
else
{
    alert("You do not have the minimum required flash version");
}

「9.0.115」を必要な最小フラッシュバージョンに置き換えます。 9.0.115を例として選択したのは、それがh.264サポートを追加したバージョンだからです。

訪問者にフラッシュがない場合、「0.0.0」のフラッシュバージョンが報告されるため、フラッシュがあるかどうかだけを知りたい場合は、次を使用します。

if(swfobject.hasFlashPlayerVersion("1"))
{
    alert("You have flash!");
}
else
{
    alert("You do not flash :-(");
}
109
Andrew Ensley

これが古い投稿であることは知っていますが、しばらく探していて何も見つかりませんでした。
JavaScript Flash Detection Library を実装しました。非常にうまく機能し、すぐに使用できるように文書化されています。文字通り2分かかりました。ヘッダーに書いたコードは次のとおりです。

<script src="Scripts/flash_detect.js"></script>
<script type="text/javascript"> 
 if (!FlashDetect.installed) {
    alert("Flash is required to enjoy this site.");         
 } else {
    alert("Flash is installed on your Web browser.");
 }
</script>
36
Jon Clark

closure compiler を使用して、小さなクロスブラウザフラッシュ検出を生成できます。

// ==ClosureCompiler==
// @compilation_level ADVANCED_OPTIMIZATIONS
// @output_file_name default.js
// @formatting pretty_print
// @use_closure_library true
// ==/ClosureCompiler==

// ADD YOUR CODE HERE
goog.require('goog.userAgent.flash');
if (goog.userAgent.flash.HAS_FLASH) {
    alert('flash version: '+goog.userAgent.flash.VERSION);
}else{
    alert('no flash found');
}

これにより、次の「コンパイル済み」コードが生成されます。

var a = !1,
    b = "";

function c(d) {
    d = d.match(/[\d]+/g);
    d.length = 3;
    return d.join(".")
}
if (navigator.plugins && navigator.plugins.length) {
    var e = navigator.plugins["Shockwave Flash"];
    e && (a = !0, e.description && (b = c(e.description)));
    navigator.plugins["Shockwave Flash 2.0"] && (a = !0, b = "2.0.0.11")
} else {
    if (navigator.mimeTypes && navigator.mimeTypes.length) {
        var f = navigator.mimeTypes["application/x-shockwave-flash"];
        (a = f && f.enabledPlugin) && (b = c(f.enabledPlugin.description))
    } else {
        try {
            var g = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.7"),
                a = !0,
                b = c(g.GetVariable("$version"))
        } catch (h) {
            try {
                g = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.6"), a = !0, b = "6.0.21"
            } catch (i) {
                try {
                    g = new ActiveXObject("ShockwaveFlash.ShockwaveFlash"), a = !0, b = c(g.GetVariable("$version"))
                } catch (j) {}
            }
        }
    }
}
var k = b;
a ? alert("flash version: " + k) : alert("no flash found");
32
stewe

私が今まで使用した最小バージョン（バージョンをチェックせず、Flashプラグインのみ）：

var hasFlash = function() {
    return (typeof navigator.plugins == "undefined" || navigator.plugins.length == 0) ? !!(new ActiveXObject("ShockwaveFlash.ShockwaveFlash")) : navigator.plugins["Shockwave Flash"];
};
22
Tom Roggero

Carl YestrauのJavaScript Flash検出ライブラリ、こちら：

http://www.featureblend.com/javascript-flash-detection-library.html

...あなたが探しているものかもしれません。

8
Kent Brewster

おそらくアドビのフラッシュプレーヤー検出キットはここで役立つでしょうか？

http://www.Adobe.com/products/flashplayer/download/detection_kit/

7
Joeri Sebrechts

Webドキュメント内でのFlashの検出と埋め込みは、驚くほど難しいタスクです。

SWFObjectとAdobeのソリューションの両方から生成された品質と非標準に準拠したマークアップに非常に失望しました。さらに、私のテストでは、Adobeの自動アップデーターは一貫性がなく、信頼できないことがわかりました。

JavaScript Flash検出ライブラリ（Flash Detect） および JavaScript Flash HTMLジェネレーターライブラリ（Flash TML） は、読みやすく、保守可能で、標準に準拠したマークアップソリューションです。

-「ルークはソースを読んだ！」

5
Carl S Yestrau

1つのライナーisFlashExists変数のコード：

_<script type='text/javascript'
    src='//ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js'> </script>

<script type='text/javascript'>
   var isFlashExists = swfobject.hasFlashPlayerVersion('1') ? true : false ;
   if (isFlashExists) {
    alert ('flash exists');
   } else {
    alert ('NO flash');
   }
</script>
_

次のような代替手段があることに注意してください：swfobject.getFlashPlayerVersion();

4
trante

純粋なJavascriptソリューションに興味がある場合は、 Brett からコピーしたものを以下に示します。

function detectflash(){
    if (navigator.plugins != null && navigator.plugins.length > 0){
        return navigator.plugins["Shockwave Flash"] && true;
    }
    if(~navigator.userAgent.toLowerCase().indexOf("webtv")){
        return true;
    }
    if(~navigator.appVersion.indexOf("MSIE") && !~navigator.userAgent.indexOf("Opera")){
        try{
            return new ActiveXObject("ShockwaveFlash.ShockwaveFlash") && true;
        } catch(e){}
    }
    return false;
}
3
bizi

どうですか：

var hasFlash = function() {
    var flash = false;
    try{
        if(new ActiveXObject('ShockwaveFlash.ShockwaveFlash')){
            flash=true;
        }
    }catch(e){
        if(navigator.mimeTypes ['application/x-shockwave-flash'] !== undefined){
            flash=true;
        }
    }
    return flash;
};
3
Martin Bommeli

http://whatsmy.browsersize.com （14-120行目）でソースを表示します。

以下は抽象化されたクロスブラウザです jsbinのコード フラッシュ検出のみ、対象：FF/IE/Safari/Opera/Chrome。

3
Ates Goral

フラッシュが有効かどうかを確認したいだけなら、これで十分でしょう。

function testFlash() {

    var support = false;

    //IE only
    if("ActiveXObject" in window) {

        try{
            support = !!(new ActiveXObject("ShockwaveFlash.ShockwaveFlash"));
        }catch(e){
            support = false;
        }

    //W3C, better support in legacy browser
    } else {

        support = !!navigator.mimeTypes['application/x-shockwave-flash'];

    }

    return support;

}

注：enabledPluginのチェックは避けてください。一部のモバイルブラウザーではタップして有効にするFlashプラグインがあり、false negativeがトリガーされます。

1
bitinn

Google Closureコンパイラーgoog.require（ 'goog.userAgent.flash'）ライブラリーを使用して、この2つの関数を作成しました。

boolean hasFlash（）

ブラウザにフラッシュがあるかどうかを返します。

function hasFlash(){
    var b = !1;
    function c(a) {if (a = a.match(/[\d]+/g)) {a.length = 3;}}
    (function() {
    if (navigator.plugins && navigator.plugins.length) {
        var a = navigator.plugins["Shockwave Flash"];
        if (a && (b = !0, a.description)) {c(a.description);return;}
        if (navigator.plugins["Shockwave Flash 2.0"]) {b = !0;return;}
    }
    if (navigator.mimeTypes && navigator.mimeTypes.length && (a = navigator.mimeTypes["application/x-shockwave-flash"], b = !(!a || !a.enabledPlugin))) {c(a.enabledPlugin.description);return;}
    if ("undefined" != typeof ActiveXObject) {
        try {
            var d = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.7");b = !0;c(d.GetVariable("$version"));return;
        } catch (e) {}
        try {
            d = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.6");b = !0;
            return;
        } catch (e) {}
        try {
            d = new ActiveXObject("ShockwaveFlash.ShockwaveFlash"), b = !0, c(d.GetVariable("$version"));
        } catch (e) {}
    }
    })();
    return b;
}

ブールisFlashVersion（バージョン）

フラッシュバージョンが提供されたバージョンより大きいかどうかを返します

function isFlashVersion(version) {
    var e = String.prototype.trim ? function(a) {return a.trim()} : function(a) {return /^[\s\xa0]*([\s\S]*?)[\s\xa0]*$/.exec(a)[1]};
    function f(a, b) {return a < b ? -1 : a > b ? 1 : 0};
    var h = !1,l = "";
    function m(a) {a = a.match(/[\d]+/g);if (!a) {return ""}a.length = 3;return a.join(".")}
    (function() {
        if (navigator.plugins && navigator.plugins.length) {
            var a = navigator.plugins["Shockwave Flash"];
            if (a && (h = !0, a.description)) {l = m(a.description);return}
            if (navigator.plugins["Shockwave Flash 2.0"]) {h = !0;l = "2.0.0.11";return}
        }
        if (navigator.mimeTypes && navigator.mimeTypes.length && (a = navigator.mimeTypes["application/x-shockwave-flash"], h = !(!a || !a.enabledPlugin))) {l = m(a.enabledPlugin.description);return}
        if ("undefined" != typeof ActiveXObject) {
            try {
                var b = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.7");h = !0;l = m(b.GetVariable("$version"));return
            } catch (g) {}
            try {
                b = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.6");h = !0;l = "6.0.21";return
            } catch (g) {}
            try {
                b = new ActiveXObject("ShockwaveFlash.ShockwaveFlash"), h = !0, l = m(b.GetVariable("$version"))
            } catch (g) {}
        }
    })();
    var n = l;
    return (function(a) {
        var b = 0,g = e(String(n)).split(".");
        a = e(String(a)).split(".");
        for (var p = Math.max(g.length, a.length), k = 0; 0 == b && k < p; k++) {
            var c = g[k] || "",d = a[k] || "";
            do {
                c = /(\d*)(\D*)(.*)/.exec(c) || ["", "", "", ""];d = /(\d*)(\D*)(.*)/.exec(d) || ["", "", "", ""];
                if (0 == c[0].length && 0 == d[0].length) {break}
                b = f(0 == c[1].length ? 0 : parseInt(c[1], 10), 0 == d[1].length ? 0 : parseInt(d[1], 10)) || f(0 == c[2].length, 0 == d[2].length) || f(c[2], d[2]);c = c[3];d = d[3]
            } while (0 == b);
        }
        return 0 <= b
    })(version)
}
0
rturkek

（ただしJavaScriptを使用して）標準準拠のFlashオブジェクトを作成するには、以下をご覧になることをお勧めします。

目立たないFlashオブジェクト（UFO）

http://www.bobbyvandersluis.com/ufo/index.html

0
nottinhill

リダイレクトする小さな.swfを作成しました。ブラウザがフラッシュ対応の場合、リダイレクトされます。

package com.play48.modules.standalone.util;

import flash.net.URLRequest;


class Redirect {


static function main() {

    flash.Lib.getURL(new URLRequest("http://play48.com/flash.html"), "_self");

}

}
0
mike