如何使用煙幕/ JavaScript來將Flash轉換爲影像

我有一個簡單的腳本from AccuWeather顯示在我的網站天氣按鈕：如何使用煙幕/ JavaScript來將Flash轉換爲影像

Weather button from AccuWeather

我喜歡簡單的方式這個按鈕顯示。這對我想要的是完美的。

但是，生成的按鈕採用Adobe Flash格式（swf），並且不會顯示在大多數移動設備上，因爲iOS和Windows Phone不支持，並且可以從Google Play應用商店下載Flash Player for Android is no longer available。

我以爲我在一個名爲Smokescreen的開源項目中找到了一個解決方案，它有its development area at Github。

我不需要這個來重現Flash影片。我需要的只是一個簡單的基於JavaScript的Flash按鈕轉換爲平面圖像，可以在任何可執行JavaScript的瀏覽器中顯示，其中包括移動設備。

但是，如何在他們的GitHub站點使用Smokescreen的文檔和說明最少，我不是一個JavaScript專家，無法讓它工作。

我正在通話，其從機構AccuWeather的Flash圖片爲：

<script src='http://netweather.accuweather.com/adcbin/netweather_v2/netweatherV2ex.asp 
    ?partner=netweather&tStyle=whteYell&logo=0&zipcode=NAM|CA|MB|WINNIPEG| 
    &lang=eng&size=7&theme=blue&metric=1&target=_self'> 
</script>

誰能告訴我什麼是JavaScript的是使用煙幕顯示由上面的代碼生成的圖像閃存映像。

如果Smokescreen無法做到這一點，是否有任何其他方法可以做到這一點住在網頁上？

來源

2013-12-22 lkessler

剛剛通過所發佈網頁的SWF測試了煙幕，並且它不起作用，如果您仍想使用該網站，則需要在服務器端解析SWF。

我打開了，開發者控制檯，並從IFRAME
追查SWF複製該文件到我的電腦，然後
克隆GitHub的回購和
編輯player.html（從GitHub庫），line 13指向我下載的文件。

這是我下載的SWF：http://netwx.accuweather.com/netWx-V212.swf?zipcode=46958

編輯：這是錯誤消息，我從開發者控制檯有：

TypeError: this.defineEditText is not a function [loader.js:136](https://github.com/cesmoak/smokescreen/blob/master/src/player/loader.js#L136)

我的系統請求許可，允許SWF連接到netwx.accuweather.com。

來源

2014-01-06 23:55:34

你讓我開始了，但看起來我仍然需要多一點來弄清楚。它可能可以完成，但演示似乎稱爲「玩家」，這是一個簡單的圖像。所以也許有一個不同的電話或什麼。我已經在Smokes GitHub上添加了一個問題，希望其中一個開發人員能夠看到並回答。 https://github.com/cesmoak/smokescreen/issues/4 – lkessler

快速搜索github揭示了一些不錯的純JavaScript替代品。 https://github.com/search?l=JavaScript&q=weather&ref=searchresults&type=Repositories

我覺得這個看起來最有前途：http://simpleweatherjs.com/

這simpleweatherjs演示展示了漂亮的圖標，以及：http://codepen.io/fleeting/pen/wHism

來源

2013-12-30 03:49:05 demux

你給了我替代品（醜陋的），但不是我如何正確調用Smokescreen的問題的答案。 – lkessler

遺憾的是沒有辦法你的JavaScript可以處理SWF，espacially在移動設備上就像ios或Windows手機，因爲JavaScript正在您的設備上運行。

你可以嘗試是使用被描述爲一種解決方法的JavaScript

here is the documentation of swfobject

來源

2013-12-31 02:43:24 frieder

我不是那種人，但Smokescreen聲稱他們的javascript可以處理swf。我的問題是要了解如何正確調用Smokescreen，以便至少可以測試它是否可以工作。 – lkessler

@lkessler，只是測試了您發佈的網頁的SWF，並且它不起作用，如果您仍想使用該網站，則需要在服務器端解析SWF。 –

@AstDerek - 我很高興你試了一下，發現了。但是，我只是在我的問題中詢問我必須做出什麼樣的JavaScript調用來嘗試，因爲我想玩弄它。顯然，你知道所需的電話。如果您仍然可以將此信息作爲答案，我會接受它。 – lkessler

您是否使用無頭瀏覽器，如phantomjs考慮swfobject的？您可以使用Selenium之類的東西來代替開箱即用的插件支持，但是可以使用there are headless options for Flash。

這種軟件的優點是它可以自動執行任何用戶任務（這就是爲什麼它用於測試）。就像登錄到一個網站並執行搜索，通常由於防僞令牌而無法在外部獲得。或者通過查看其DOM元素值是否發生了變化來檢查產品的價格是否發生了變化。 ~~或訪問您的網上銀行，查看您的餘額是否爲優質號碼並以分形形式呈現您的信用卡賬單。~~

我的意思是，如果你想要去這麼遠的天氣小工具，你可能有權力用戶需要:)

...也似乎機構AccuWeather做了相當類似mobile-friendly version。如果它不是100％相同，你總是可以問。

編輯：檢查他們的T & C，移動友好的片段實際上可能是出於法律原因的只有選項。

來源

2014-01-06 03:11:47

不幸的是，他們的手機短片只有美國地區。我現在在我的問題中看到，我沒有給出我使用的合法代碼段的鏈接。我現在修復了這個問題，我使用的代碼段是合法的，並且來自：http://netweather.accuweather.com/signup-page1.asp?partner=&traveler=0它允許國際位置，但只生成閃光燈按鈕。我不明白phantomjs解決方案會做什麼。它似乎將不得不生成整個網頁，然後拍照並返回圖片。我只想轉換整個網頁。只是閃光燈按鈕。 – lkessler

@lkessler：phantomjs或類似的瀏覽器允許頁面在服務器上呈現。然後，您可以通過提供的截圖（或者只是提供了API的按鈕的部分截圖）並隨心所欲地執行任何操作 - 例如將圖像保存爲臨時存儲並將其用於移動用戶。最棒的一點是，按鈕將完全像瀏覽器中渲染，甚至不會意識到它的沙箱（不能保證相同的煙幕......特別是因爲我找不到它的工作演示:) –

無法找到一個工作演示，甚至沒有關於如何使用Smokescreen的說明是我的問題的原因。 – lkessler

如何使用煙幕/ JavaScript來將Flash轉換爲影像

回答

相關問題