運用Spark AR Studio自制Instagram AR濾鏡

最近在Corridor Crew YouTube頻道看到他們所製作的IG AR濾鏡,於是下載了Spark AR Studio試作一下。

AR濾鏡主要是利用臉部辨認技術分析用家頭部及五官位置,再將各種圖案甚至立體物件加到相片或者影片中,亦可以與用家互動。

開啟Spark AR Studio後就會看到很多預設的範例,可以給初學者作參考。看過The Verge的文章後就製作了簡單的Pizza Time!濾鏡。

你可以在手機按這裡,或瀏覽 https://www.instagram.com/a/r/?effect_id=546985639403334 就可以開始試用。

最後附上Corridor Crew的影片。

簡易JS Instagram hashtag牆

在API還未流行之時,開發人員不用申請戶口就可以使用如Google Map或Instagram的API call。今日做research時發現原來有方法可以回到從前,只用URL就可以讀取Instagram指定hashtag的最新帖文JSON。

方法其實很簡單,只要瀏覽:

https://www.instagram.com/explore/tags/cats/?__a=1

就可以讀取#cats最新帖文的JSON檔。以下就用Javascript做了一個小小的Instagram帖文牆。

See the Pen Latest IG posts with specific hashtag by Terry Tong (@terrytongcc) on CodePen.dark