Youtube Iframe API 常用功能
本篇大綱:影片愈來愈重要的這時代,前端會遇到嵌 Youtube 的相關需求。基本使用:嵌入影片 + 自動播放。1 HTML 中放一個 div,由 JS 去嵌入。2 HTML 裡直接放個 iframe。自製 Youtube 播放器。監聽 Youtube 播放狀態。Demo、原始碼。
本篇大綱:影片愈來愈重要的這時代,前端會遇到嵌 Youtube 的相關需求。基本使用:嵌入影片 + 自動播放。1 HTML 中放一個 div,由 JS 去嵌入。2 HTML 裡直接放個 iframe。自製 Youtube 播放器。監聽 Youtube 播放狀態。Demo、原始碼。
本篇大綱:Telegram Bot 的大頭照要另外取得、取得使用者大頭照的流程、user_id、file_id、file_path、取得大頭照、完整示範程式碼、參考資源。要拿使用者大頭照,無法單純的只調用一個 API 就取得,實做的結果是調用了 3 個 API 才成功。
本篇大綱:目前所在位置、確認支援 geolocation、跟使用者要位置的權限、計算到各點距離 Distance Matrix Service、開啟權限、Distance Matrix API限制、使用 Distance Matrix API、API 回傳的值、實際應用。
本篇大綱:客製上傳檔案input html 部份、客製上傳檔案input js 部份、示範頁面。最近朋友遇到一個需求,就是要客製上傳檔案的按鈕。覺得寫成一篇,然後把code存起來,以後要用比較好找。可以看到input的id,跟label的for,兩個值要是相同的,這樣就可以把label跟input綁起來。
本篇大綱:開通Places API、自動完成地址、地點評論摘要、本篇原始碼。主要功能就是,頁面上放一個搜尋框,只要key幾個字,就會出現一個下拉式選單,裡面是這個關鍵字的建議地點或地址,右下角的powered by Google是一定會有的,畢竟這是他們家的功能。
本篇大綱:Google處理掉很多事了、取得氣象局雨量資料、資料整理成Heat Map要的、畫熱圖Heat Map、原始碼。原本以為畫熱圖(Heat map)很難,後來看了Google Maps API的文件,Google已經處理掉大部份的工作了。
本篇大綱:畫折線、畫多邊形、畫圓形、共用參數:可否拖動、可否編輯。除了畫圖,也可以刪除、檢查、本篇用到的原始碼。前幾天看老高與小茉的youtube影片,看到日本有2個結界,正好Google Maps API的文件看到在地圖上畫幾何圖形這塊,就想說不然拿這個當範例好了,還正好適合。
本篇大綱:原來google maps api有每個月的免費額度、申請Google Maps API Key、開始使用Maps Javascript API、放置多個標記、Info Windows、客製化地圖樣式、隱藏地圖上其他商家、隱藏地圖上UI、本篇原始檔下載
本篇大綱:本篇用到的資源、安裝所需套件、拿訂閱者的基本資料、存使用者選擇的地區、從氣象局拿資料、LINE push api、建立排程。這篇紀錄的是實作一個推播天氣機器人的甘苦路。實作一個「每日早上7點,自動推播天氣預報」的機器人。之前陸陸續續寫的幾篇筆記文,就是在為這個功能做準備。
本篇大綱:關於line@圖文選單、後台就可以製作,為什麼要用api做圖文選單?實作:用line bot api製作圖文選單 -1 建立LINE Developers帳號 -2 製作圖文選單的圖檔 -3 用終端機、postman去POST/GET line server、圖文選單相關API
Recent Comments