こんにちは(うん、本当に長いタイトル)
初めての Google Chrome 拡張機能を作成していますが、問題が発生しています。
拡張機能に関する情報 (私が作ろうとしていることを理解していただけるように):
拡張機能は「Radio」で、shoutcast の URL から音楽を再生するフラッシュ プレーヤーです。フラッシュ プレーヤーの下部にある 4 つのアイコンのうち 3 つをクリックすると、.pls ファイルをダウンロードして VLC - WinAmp & iTunes で開くことができます。
私がやろうとしていることは次のとおりです。
1 - ユーザーがアイコン (下の図の赤い四角) をクリックすると、ポップアップが開き、プレーヤー (Windows メディア プレーヤー) とラジオに関する情報 (情報は iframe を介して取得されます) が表示されます。
2 - 機能していないように見える拡張機能にフラッシュ プレーヤー (および Windows メディア プレーヤー) を表示します...
-- 写真: http://i.imgur.com/1qZDn.png
コード:
1 - マニフェスト.json:
{
"name": "Kombat Syndicate Radio Extension",
"version": "1.0",
"manifest_version": 2,
"description": "Kombat Syndicate Radio",
"browser_action": {
"default_icon": "icon.png",
"19": "icons/icon.png",
"128": "icons/icon_128.png",
"default_popup": "ksradio.html"
},
"permissions": [
"tabs"
]
}
2 - ksradio.html:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
<script src="script.js"></script>
</head>
<body>
<h1><img style="margin-top:-15px;-webkit-box-reflect: below 0px -webkit- gradient(linear, left top, left bottom, from(transparent), color-stop(87%, transparent), to(white));
" src="icons/ks_radio_icon.png" /><br />Kombat Syndicate Radio</h1>
<div align="center" text-align="center" id="content">
<div id="smallffmp3">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="140" height="80" __idm_id__="1284874242">
<param name="movie" value="http://tracks.kombatsyndicate.com/wp- content/plugins/shout-stream/smallffmp3.swf?url=http://85.25.118.16:7502/;&title=Trac[kS]">
<param name="wmode" value="transparent">
<param name="allowscriptaccess" value="sameDomain"><!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="http://tracks.kombatsyndicate.com/wp-content/plugins/shout-stream/smallffmp3.swf?url=http://85.25.118.16:7502/;&title=Trac[kS]" width="140" height="80" __idm_id__="1284874243">
<param name="wmode" value="transparent">
<param name="allowscriptaccess" value="sameDomain"><!--<![endif]-->
</object><!--<![endif]-->
</object>
</div>
<a href="http://85.25.118.16:7502/listen.pls" target="_blank"><img src="icons/VLC_48.png" title="VLC Media Player"/></a>
<a href="#" onClick="ksradiowmp()"><img src="icons/WMP_48.png" /></a>
<a href="http://85.25.118.16:7502/listen.pls" target="_blank"><img src="icons/WinAmp_48.png" title="WinAmp Media Player" /></a>
<a href="http://85.25.118.16:7502/listen.pls" target="_blank"><img src="icons/iTunes_48.png" title="iTunes" /></a>
<iframe align="middle" style="display:block;" name="infos" src="http://phpks.comoj.com/radioinfos.php" width="65%" height="70%" frameborder="0" scrolling="no" seamless></iframe>
</div>
</body>
</html>
3 - ksradio_wmp.html (ポップアップ):
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<h1><img style="margin-top:-15px;-webkit-box-reflect: below 0px -webkit- gradient(linear, left top, left bottom, from(transparent), color-stop(87%, transparent), to(white));
" src="icons/ks_radio_icon.png" /><br />Kombat Syndicate Radio</h1>
<div style="overflow:hidden;" align="center" id="content">
<object id="MediaPlayer1" width="350" height="65" classid="clsid:6bf52a52-394a-11d3- b153-00c04f79faa6" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1 ,52,701">
<param name="FileName" value="http://85.25.118.16:7502/" />
<param name="animationatStart" value="true" />
<param name="transparentatStart" value="true" />
<param name="autoStart" value="true" />
<param name="showControls" value="true" />
<param name="fullScreen" value="false" />
<param name="url" value="http://85.25.118.16:7502/" />
<param name="pluginspage" value="http://www.microsoft.com/Windows/MediaPlayer/" />
<param name="autostart" value="1" />
<param name="showcontrols" value="1" />
<embed id="MediaPlayer1" width="350" height="65" type="application/x-mplayer2" src="http://85.25.118.16:7502/" FileName="http://85.25.118.16:7502/" animationatStart="true" transparentatStart="true" autoStart="true" showControls="true" fullScreen="false" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" autostart="1" showcontrols="1" />
</object>
<a href="http://85.25.118.16:7502/listen.pls"><img src="icons/VLC_48.png" title="VLC Media Player"/></a>
<a href="http://85.25.118.16:7502/listen.pls"><img src="icons/WinAmp_48.png" title="WinAmp Media Player" /></a>
<a href="http://85.25.118.16:7502/listen.pls"><img src="icons/iTunes_48.png" title="iTunes" /></a>
<iframe style="display:block;" name="infos" src="http://phpks.comoj.com/radioinfos.php" width="65%" height="70%" frameborder="0" scrolling="no" seamless></iframe>
</div>
</body>
</html>
4 - script.js:
function ksradiowmp() {
window.open("ksradio_wmp.html", "myWindow", "status=1, height=450, width=400, resizable=0, toolbar=no, directories=no, menubar=no, scrollbars=no")
}
PS: ポップアップは次のようになります: http://i.imgur.com/SwzNW.png
再開するには、拡張機能からポップアップを開き、拡張機能内に Flash Player と Windows Media Player を表示する方法を教えてください。皆さんが助けてくれることを本当に願っています:D よろしくお願いします。