分類
好用軟體

好用的負載測試工具-k6

在找負載測試工具時, 偶然間發現這個工具, k6:

https://k6.io/

可以使用開源版本自行使用, 或付費使用 cloud方案, 價格如下:

https://k6.io/pricing/

由於是全API/CLI結構, 並提供了大量的範例程式碼, 同時可以滿足壓力測試使用外, 還可以做自動化腳本測試與單元測試等功能, 十分適合開發與上線前驗測的作業與準備.

文件十分完整與容易上手:

https://k6.io/docs/

大家可以自行測試看看.

繼續閱讀:

Cloudflare R2儲存容量的價格,每月每GB儲存為0.015美元

從這裡看來的:

Cloudflare發布物件儲存服務R2,主打不收流出頻寬費用

https://www.ithome.com.tw/news/146961

查了一下官方也有中文版本消息:

https://blog.cloudflare.com/zh-tw/introducing-r2-object-storage-zh-tw/

原文:

https://blog.cloudflare.com/introducing-r2-object-storage/

傳統的物件儲存空間向開發人員收取三項費用:頻寬、儲存空間大小和儲存空間操作。

 

R2 建立在 Cloudflare 對 Bandwidth Alliance (頻寬聯盟) 的承諾,無論您要求的頻率為何,都能為儲存的物件提供零成本輸出。對於使用物件儲存空間的開發人員而言,輸出頻寬通常是最大的費用,也是最難預測的費用。就開放存取儲存在雲端中的資料來說,消除這項費用是個大利多。

 

這並不表示我們將頻寬成本轉嫁到別處。Cloudflare R2 的定價將會是每個月每 GB 的儲存資料 $0.015,這比目前的主要提供者便宜許多。

(引用自: https://blog.cloudflare.com/zh-tw/introducing-r2-object-storage-zh-tw/)

而且也提供了移轉工具, 看起來成本可以大幅下降, 尤其在輸出的部分, 真的很俱競爭力.

Amazon S3: https://aws.amazon.com/tw/s3/pricing/

Azure Storage: https://azure.microsoft.com/zh-tw/pricing/details/storage/blobs/

值得期待.

分類
好用軟體

使用ffmpeg擷圖live streaming

Live streaming擷圖, 可以利用 ffmpeg 工具來達成, 指令如下:

ffmpeg -y -i {live streaming url} -frames:v 1 {output file}

其中 -y 為 overwrite, -i 為 input, -frames:v 1 指擷出一張圖, 而最後的 output 為輸出, 範例指令如:

ffmpeg -y -i https://cph-p2p-msl.akamaized.net/hls/live/2000341/test/master.m3u8 -frames:v 1 test.jpg

(上面的 live streaming url 使用這裡的測試連結: https://ottverse.com/free-hls-m3u8-test-urls/ 第6項)

取得的內容為:

如此便能快速取得擷圖.

繼續閱讀:

https://ffmpeg.org/ffmpeg.html

[Javascript]Arrow function

在 Javascript 中, 使用 Arrow function 是個十分精簡的方式來呈現函數, 一般使用在匿名函數.

這篇寫得十分詳細:

https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Reference/Functions/Arrow_functions

由於 Arrow function是精簡型函數表示法, 所以有許多限制, 在一般使用時需要留意, 但在匿名函數使用時, 常常可以達成許多更精簡更便利的呈現方式.

這個語法是在 ES6 (EMACScript 6, EMACScript 2015)起開始, 也請參閱這裡:

https://ithelp.ithome.com.tw/articles/10195669

 

Stacksocial產品推薦

Stacksocial上有許多新穎有趣的資訊服務與商品, 若有打算購買的朋友, 可以利用這個推薦連結來進行加入會員與購買:

https://stacksocial.com/?rid=10761574

這樣在你消費時, 你與我皆可獲得 $10元美金. 例如最近有個 bonohost 覺得還不錯:

https://stacksocial.com/sales/bonohost-lifetime-subscription

Lifetime deal是 $897, 而在 stacksocial 則只需要 $39.99元, 十分適合架站需求的朋友們, 原價 $897 是這個方案:

https://cie.bonohost.net/clients/cart.php?gid=3

All Unlimited 5 Years
$0.00/mo
$897.00 Setup Fee

Hosts Unlimited Domains, Free SSLs, Free DDoS Protection, AnyTime Individual BackUps, Unlimited AddOn Domains, WebBuilder, CloudLinux, X-Ray, Perl, NodeJS, Python, Multi PHP Selector, Softaculous Pro, Unlimited Bandwidth, Unlimited Email, Unlimited MySQL Databases, Unlimited SSD Webspace

而在 stacksocial 上則是 95% off 來到 $39.99美元, 十分划算!

進行購買後的 redeem 若還沒有域名的朋友可以先隨意填寫一個 dummy domain name, 如 myname00123.com 這樣, 即可順利將 redeem code填入完成 bonohost 的服務.

對了, 它的 panel 管理介面是使用 DirectAdmin, 而且有含 Softaculous 應用程式安裝器, 有許多開源的工具與網站皆可以透過這個安裝器進行安裝, 方便好用.

沒用過 softaculous 的朋友, 可以到它的 demo site進行實機測試: http://demo.softaculous.com/

 

分類
好用軟體

Youtube Live Stream Chat Embed with custom CSS

在 Youtube Live Stream 右邊有個 Live Chat, 有時會需要進行再嵌入回其他地方如 OBS或應用在管理上, 可以透過以下網址:

https://www.youtube.com/live_chat?v={video id}

也就是將原本的 watch 改為 live_chat 即可. 不過若是自己的直播, 則是可以直接在創作者工作室中, 聊天室右上的三個點打開 popup 即可取的網址:

https://studio.youtube.com/live_chat?is_popout=1&v={video id}

也是可以的.

另外若是需要去背在 OBS中使用, 可以利用這個網站服務的 CSS來達成自訂的聊天室樣貌:

  1. https://chatv2.septapus.com/
  2. https://chat-styles.app/
  3. http://css4obs.starfree.jp/

以 lofi 頻道為例, 網址為:

https://www.youtube.com/watch?v=5qap5aO4i9A

它的 video id 為 5qap5aO4i9A, 所以聊天室連結為:

https://www.youtube.com/live_chat?v=5qap5aO4i9A

Youtube官方資料:

https://support.google.com/youtube/answer/2524549

 

分類
懶得分類

MacBook Air升級MacOS Big Sur 11.6後指紋解鎖消失

前兩天升級了 MacBook Air, 好一陣子發現開機沒有指紋解鎖提示, 只能用密碼解鎖, 不過也持續兩天了, 但今天在下載一個 App Store中的APP時, 發現也不能用指紋解鎖購買了, 才來檢查一下.

到左上角的「蘋果」「系統偏好設定…」「Touch ID」進入後, 果然完全沒有一隻指紋在裡面, 昏倒, 設定新指紋後, 就可以正常使用了, 不過上網查了一下, 沒有看到對應的災情耶, 真是太妙了..

PS. 和網路上查到的 SMC 異常不同, 而是在 Touch ID中的指紋消失, 但可以新增. 若是 SMC異常可以參考: https://www.dcard.tw/f/apple/p/235003423/b/26 或官方網站的這篇: https://support.apple.com/zh-tw/HT201295

Google Bookmarks將於2021/9/30走入歷史…

又一個服務將下架了, 有需要的朋友們快去匯出自己的 Google Bookmarks (雲端書籤).

若要匯出書籤, 可以利用左下角管理功能中的 [匯出書籤] 即可順利匯出.

相關新聞:

https://technews.tw/2021/07/23/google-bookmarks-will-end-its-service/

分類
好用軟體

Google雲端硬碟電腦版

Google雲端硬碟電腦版, 歷經多次名稱變動調整, 目前最新的版本為 “雲端硬碟電腦版”.

下載: https://www.google.com/intl/zh-TW_tw/drive/download/

在此次更新之前, 有個人版的 “備份與同步” 和企業版的 “雲端硬碟檔案串流”, 先來比較看看差異吧:

https://support.google.com/drive/answer/10309431

其中很重要的一項功能為在企業版本才有的檔案串流, 也就是說可以節省硬碟空間, 也就是檔案不常用時, 不會佔用本地空間, 是只在雲上, 而使用時, 才即時下載使用(當然也可以自行指定要在本地留存的檔案)

 

這個同步選項畫面可以清楚的表現這個功能.

(PS. 這個功能不知在 OneDrive 何時已被加入到該應用程式中了, dropbox也有, 不過是付費功能, 稱為智慧同步: https://www.dropbox.com/smart-sync)

jQuery選擇特定元素但是不含特定class (反向選擇器)

在實作 jQuery 選擇器時, 有時會用到選擇出的 elements 不含指定的 class, 有兩種方式實現:

  1. not() method ex: $(“div.item”).not(“.red”)
  2. :not() seudo-class ex: $(“div.item:not(.red)”)

其中 2. 為 css 原本 selector 的做法.

來看看範例吧:

其中, item 1 ~5 都有 item class, 但 item 2, 3, 4 有 red class, 兩個 button 分別使用 method 1, method 2 來進行切換沒有 red class 的 item 隱藏與顯示 (toggle method).

程式如下:

$("#m1").click(function(){
  $("div.item").not(".red").toggle();
});

$("#m2").click(function(){
  $("div.item:not(.red)").toggle();  
});

參考資料:

https://stackoverflow.com/questions/2448051/how-can-i-select-all-elements-without-a-given-class-in-jquery