Just My Life & My Work

Archive for 2017 年 07 月 01 日

104年上半年公司研發成果貢獻

以下是兩年前我所撰寫成果貢獻紀錄

Apple Watch Happy Man00008

104年上半年公司研發成果貢獻

2014年第四季初，Apple發佈最新作業系統iOS 8，先行研究最新技術擴展 (Extension)，進而協助公司同事開發公司產品HappyCan iOS App的新功能。此擴展功能能夠在不開啟App的狀態下，馬上能夠得知App中最重要的資訊，操作時機為在未休眠時的任何時候，操作方式為從上往下拉且拖曳，若使用者有開啟App擴展功能，便能在此介面見到App的擴展功能。

2015年第二季初，Apple即將發表最新產品Apple Watch，在此之前已先行研究如何開發公司產品HappyCan Watch App，陸續熟悉開發者工具、使用者介面設計、函式庫功能等等，並且將開發好的App執行於模擬器，就在Apple Watch開賣前，將整個App（包含iOS App和Watch App）提交送審且順利上架於App Store。

2015年第二季末，Apple舉世聞名的開發者大會WWDC如火如荼進行，為期約一週的活動宣布最新的技術內容，如三大作業系統Mac OS、iOS 9、Watch OS 2，其中Watch OS架構改變最大，如今正進行評估與研究，並趁Watch OS正式公開前著手設計新的Watch App。

分類：

工作

Tagged with:

公共場所的免費WiFi

2012年還在唸研究所的時候，就註冊使用iTaiwan WiFi、Taipei Free和Wifly，之後還有註冊超商的Free WiFi，如7-11、全家和萊爾富，那時候我手機還沒有續約使用網路的方案，通訊軟體如Line也還沒如今的發達，於是認為有這些免費WiFi就能滿足我的需求。

WiFi Speed Test00004

這是我在苑裡車站等自強號火車時，所能搜尋到的WiFi。

（繼續閱讀…）

分類：

研究, 服務

Tagged with:

[Ionic][AngularJS] Youtube 離開畫面停止播放

承接[Ionic][AngularJS] 載入Youtube影片，想要離開畫面就停止播放，該怎麼做呢？因為進到下一頁，正在播放的影片還沒有被移除，就會持續播放下去。

在controllers.js中寫：

.controller('ResultCtrl', function($scope, $sce) {

  $scope.pauseVideo = function() {
    console.log('postMessage pauseVideo');
    var iframe = document.getElementsByTagName("iframe")[0].contentWindow;
    iframe.postMessage('{"event":"command","func":"' + 'pauseVideo' +   '","args":""}', '*');
  }

  $scope.playVideo = function() {
    console.log('postMessage playVideo');
    var iframe = document.getElementsByTagName("iframe")[0].contentWindow;
    iframe.postMessage('{"event":"command","func":"' + 'playVideo' +   '","args":""}', '*');
  }

  $scope.$on('$ionicView.beforeLeave', function(){
    console.log('pauseVideo');
    $scope.pauseVideo();
  });

  $scope.$on('$ionicView.enter', function(){
    console.log('playVideo');
    $scope.playVideo();
  });

})

還要在Youtube影片網址後方連接參數⋯⋯

?enablejsapi=1

格式會像是：https://www.youtube.com/embed/uSmcLz2FAUI?enablejsapi=1

程式碼才會有作用喔～

參考：How to pause or stop an iframe youtube video when you leave a tab view or minimise your Ionic App。

分類：

AngularJS, Ionic, 教學

Tagged with:

標籤雲

%d 位部落客按了讚：