Facebook – 測試帳號

限制

  • 僅可與其他測試帳號互動,不得與實際帳號互動
  • 可豁免於 Facebook 垃圾訊息或不實帳號偵測系統
  • 不可對 Facebook 專頁按讚或在專頁的塗鴉牆上貼文
  • 不可轉換為實際用戶帳號

可以瀏覽粉絲專頁看不到貼文,要測試 Apps 必須從該 Apps 內建立

需要測試 Facebook Apps

從 Apps 內的 角色 → 測試帳戶 即可新增測試帳號

不須測試 Facebook Apps

HOYO 的 2018 回顧

公司

  • OiKID 繼續維護,業績終於上軌道了,這個佔據了 2018 大部分的時間
  • 寫了一個自動填寫表單的 Chrome extension,終於知道網路自動搶票程式是怎麼一回事了
  • 電流偵測平台的 Arduino 偵測裝置想要自己維護,所以開始玩 Arduino
  • 寫了一個 Joomla 整合平台,將內部 Joomla 1.5 管理系統轉移到新的自製平台
  • 其他都是一些小測試或是小前導實驗

個人

  • 使用 ESP8266 做了一個「智慧電源插座」
  • 知道  beacon 這個東西之後,使用 Cordova 的硬體 plugin 自製一個 beacon 掃描器 Android APP
  • 因為無聊的原因嘗試使用 Unity 寫遊戲,本來想寫一個類似 20 的消除類型遊戲,比想像中困難很多,沒做完…
  • 被公司推坑所以今年開始使用 4G 吃到飽費率, 288/月
  • 今年預計要出去玩的行程全部失敗,希望 2019 可以順利
  • 網站群今年都有陸續整理中,早期的一些嘗試和程式都有更新
  • 開始一個線上音樂平台,音樂和照片、影片的處理很不同,也是相當的有趣 (屁)

2018 代表字

浮浮沉沉也是浮動,希望沉靜下來後只留下美好

Hoyo 教你 Web Audio API – 02. 簡易播放介面

 

一、使用按鈕控制

現成的檔案在這裡 02_audio

二、滑動控制音量

現成的檔案在這裡 03_audio

音量處理好了,所以進度也可以照樣造句?事情當然沒有這麼單純…

三、播放進度及控制

audio.currentTime即可得到播放進度,例如增加下列程式碼即可多一個查詢進度的按鈕,單位為秒

指定數值即可跳轉,例如增加以下程式碼就可以立刻跳到 30 秒處

目前的進度檔案 04_audio

四、會動的進度條

用功的同學綜合上面了解的資訊可以先嘗試自行做做看,和 Hoyo 一樣偷懶的同學就直接往下看

這裡的坑是,進度本身會動,指定進度就是控制滑軌,可惜兩者會打架,所以播放進度和控制必須分開做,播放進度可以使用 CSS 填色或是也用一個 <input type=”range”>,控制進度當然就是 <input type=”range”>,下面因為懶惰所以就用兩個 range

完成檔案 05_audio

至此對於 <audio> 的基礎控制已經完成,不過實務上使用還是有很多問題,相信同學也有測試出來,例如音樂還沒載入就播放,或是播放中想要上一頁或切換網頁卡住問題,這些後面會講到,不過接下來是美化播放介面,不是用醜醜的按鈕了

Hoyo 教你 Web Audio API – 01. 從 HTML5 Tag 開始,讓音樂從網頁播放

Hoyo 教你 Web Audio API 系列,目標是教同學如何建立自己的音樂串流平台

  • RWD,跨平台
  • 串流
  • 存取控管,付費內容或是隱私不公開
  • 點一次播放聽一整天
  • 搜尋歌曲,分類、歌手、曲目名稱
  • 錄音

一、拿香跟拜

  1. 在桌面準備一個測試網頁 audio.html
  2. 使用記事本或其他純文字編輯器 (Sublime Text) 開啟 audio.html
  3. 拿香跟拜,或是直接下載 audio

雙擊開啟 audio.html 看到類似這樣的網頁,並且點選播放可以順利聽到音樂就成功了

二、不同的瀏覽器、不同的播放介面

Hoyo 相信大多數的網頁畫面都和上面那張不同,應該比較接近下面這樣

除了畫面長相不同之外還多了下載按鈕,當然也有可能長這樣

為了統一播放介面所以接下來就必須 Hoyo 教你 Web Audio API – 02. 簡易播放介面

Word 2010 – 變更檢視比例為 120%

開啟 Microsoft\Templates\Normal.dotm → 顯示「開發人員」主索引

官網的資料是錯的

DD-WRT – 遮蔽網頁廣告 (使用 DNS 過濾)

Hoyo 的 Vigor2920Vn 掛了,之前移除 WiFi 模組又活了一陣子 (Vigor2920Vn 使用心得備註),不過這幾天真的不行了,不到一小時就重新開機,只好換回 Buffalo WZR-600DHP2 (Buffalo WZR-600DHP2 韌體刷 dd-wrt)

不過原有的 600DHP2  和 2920Vn 功能上還是有一些落差,首先更新了韌體,接下來就是

  1. IPv6 支援
  2. 廣告封鎖

本篇講的是阻擋廣告網址達到封鎖廣告目的

使用 DNSMasq 轉發 DNS

設定網址 DNS 對應無效 IP ,環境介紹

進入 DD-WRT → 伺服器 → 伺服器,根據資料將廣告網址或網域對應到無效或是特殊 IP 即可達到不顯示廣告效果

最後必須空一行,編輯器不讓我多一個空白行,使用時多注意

輸入完成後點選「儲存重啟」即可

處理 DNS 轉發顯示處理

如果指定的 IP 是 127.0.0.1 那當然就不需要做這個動作,不過出現一個找不到網頁之類的錯誤訊息在原來廣告的區塊內,看了也不自在,所以 Hoyo 的處理是轉到自己的主機後給一個自定義的網頁

廣告遮蔽顯示的網頁

.htaccess

index.html

完成圖

後記

注意選項陷阱避免被入侵

記得將 Allow Any Remote IP 關閉,並且設定成內部 IP

預設為啟用,並且 Telnet 管理為關閉,不過有興趣以及有環境的可以測試看看,很可怕 …

你也想要用!?

到這個頁面主要是因為已經把硬體規格列出,因為 firmware 是差不多的,所以決定效能、功能多寡的就是硬體了

例如 Hoyo 的 Buffalo WZR-600DHP2 就是一個性價比優秀的產品,雖然 Buffalo 和 DD-WRT 合作,可惜現在台灣已經不代理了

這裡有更進階的用法

可是使用 DNS 誤傷太大,而且只指定目錄名稱,話雖如此 Hoyo 還是設定這個下去了 ….