家裡有一堆傳統照片，為了可以在網路觀看，之前抽空將所有底片都用掃描器先掃描了，本來想說現在時代很進步掃描後修圖一定可以比掃照片更漂亮，誰知道一切都是 Hoyo 想多了
根據 mobile01 cd5438 大大的說法是色版失調的情況，實際從底片掃描出來的圖檔也是如此，例如下面這張
可以看出各色版的分佈都很集中，一般的調色的技巧都無效，參考網路上的資源之後被 Hoyo 亂猜到了破解的方法
—
—
底片掃描先轉正片 (Ctrl + I)
調色後
—
影像 → 套用影像，選擇綠版的「濾色」混合
如此會得到一張顏色更淡的圖像
將下來將各色版的範圍拉到有資料的部份
等 RGB 三色版的色階都拉完之後顏色就已經很正常了，最後補一個「符合顏色」的「中和」就大功告成了
—
不能搞批次處理，必須一張一張處理，上千張要處理到什麼時候 ….
—
—
注意事項
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 |
<?php date_default_timezone_set('Asia/Taipei'); require_once __DIR__ . '/../Component_Back/google-api-php-client-2.2.2_PHP54/vendor/autoload.php'; define('APPLICATION_NAME', 'Google Calendar API PHP Quickstart'); define('CREDENTIALS_PATH', '~/.credentials/calendar-php-quickstart.json'); define('CLIENT_SECRET_PATH', __DIR__ . '/client_secret.json'); // If modifying these scopes, delete your previously saved credentials // at ~/.credentials/calendar-php-quickstart.json define('SCOPES', implode(' ', array( Google_Service_Calendar::CALENDAR) )); if (php_sapi_name() != 'cli') { throw new Exception('This application must be run on the command line.'); } /** * Returns an authorized API client. * @return Google_Client the authorized client object */ function getClient() { $client = new Google_Client(); $client->setApplicationName(APPLICATION_NAME); $client->setScopes(SCOPES); $client->setAuthConfig(CLIENT_SECRET_PATH); $client->setAccessType('offline'); // Load previously authorized credentials from a file. $credentialsPath = expandHomeDirectory(CREDENTIALS_PATH); if (file_exists($credentialsPath)) { $accessToken = json_decode(file_get_contents($credentialsPath), true); } else { // Request authorization from the user. $authUrl = $client->createAuthUrl(); printf("Open the following link in your browser:\n%s\n", $authUrl); print 'Enter verification code: '; $authCode = trim(fgets(STDIN)); // Exchange authorization code for an access token. $accessToken = $client->fetchAccessTokenWithAuthCode($authCode); // Store the credentials to disk. if(!file_exists(dirname($credentialsPath))) { mkdir(dirname($credentialsPath), 0700, true); } file_put_contents($credentialsPath, json_encode($accessToken)); printf("Credentials saved to %s\n", $credentialsPath); } $client->setAccessToken($accessToken); // Refresh the token if it's expired. if ($client->isAccessTokenExpired()) { $client->fetchAccessTokenWithRefreshToken($client->getRefreshToken()); file_put_contents($credentialsPath, json_encode($client->getAccessToken())); } return $client; } /** * Expands the home directory alias '~' to the full path. * @param string $path the path to expand. * @return string the expanded path. */ function expandHomeDirectory($path) { $homeDirectory = getenv('HOME'); if (empty($homeDirectory)) { $homeDirectory = getenv('HOMEDRIVE') . getenv('HOMEPATH'); } return str_replace('~', realpath($homeDirectory), $path); } // Get the API client and construct the service object. $client = getClient(); $service = new Google_Service_Calendar($client); // Print the next 10 events on the user's calendar. $calendarId = 'primary'; $optParams = array( 'maxResults' => 10, 'orderBy' => 'startTime', 'singleEvents' => TRUE, 'timeMin' => date('c'), ); $results = $service->events->listEvents($calendarId, $optParams); if (count($results->getItems()) == 0) { print "No upcoming events found.\n"; } else { print "Upcoming events:\n"; foreach ($results->getItems() as $event) { $start = $event->start->dateTime; if (empty($start)) { $start = $event->start->date; } printf("%s (%s)\n", $event->getSummary(), $start); } } |
環境設置成功回出現下列畫面
|
1 2 3 4 |
[root@mail:x] # php m.php Open the following link in your browser: https://accounts.google.com/o/oauth2/auth?response_type=code&access_type=offline&client_id=862255922531-phf02o6e7e11gsoh7mpdh326jucct27o.apps.googleusercontent.com&redirect_uri=urn%3Aietf%3Awg%3Aoauth%3A2.0%3Aoob&state&scope=https%3A%2F%2Fwww.googleapis.com%2Fauth%2Fcalendar.readonly&approval_prompt=auto Enter verification code: |
將顯示網址貼到瀏覽器授權使用之後即可出現授權碼，複製貼上即可
授權完成，access_token 會儲存在 CREDENTIALS_PATH 定義路徑內
—
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 |
<?php date_default_timezone_set('Asia/Taipei'); require_once __DIR__ . '/../Component_Back/google-api-php-client-2.2.2_PHP54/vendor/autoload.php'; define('APPLICATION_NAME', 'Google Calendar API PHP Quickstart'); define('CREDENTIALS_PATH', '~/.credentials/calendar-php-quickstart.json'); define('CLIENT_SECRET_PATH', __DIR__ . '/client_secret.json'); // If modifying these scopes, delete your previously saved credentials // at ~/.credentials/calendar-php-quickstart.json // CALENDAR_READONLY define('SCOPES', implode(' ', array( Google_Service_Calendar::CALENDAR) )); if (php_sapi_name() != 'cli') { throw new Exception('This application must be run on the command line.'); } /** * Returns an authorized API client. * @return Google_Client the authorized client object */ function getClient() { $client = new Google_Client(); $client->setApplicationName(APPLICATION_NAME); $client->setScopes(SCOPES); $client->setAuthConfig(CLIENT_SECRET_PATH); $client->setAccessType('offline'); // Load previously authorized credentials from a file. $credentialsPath = expandHomeDirectory(CREDENTIALS_PATH); if (file_exists($credentialsPath)) { $accessToken = json_decode(file_get_contents($credentialsPath), true); } else { // Request authorization from the user. $authUrl = $client->createAuthUrl(); printf("Open the following link in your browser:\n%s\n", $authUrl); print 'Enter verification code: '; $authCode = trim(fgets(STDIN)); // Exchange authorization code for an access token. $accessToken = $client->fetchAccessTokenWithAuthCode($authCode); // Store the credentials to disk. if(!file_exists(dirname($credentialsPath))) { mkdir(dirname($credentialsPath), 0700, true); } file_put_contents($credentialsPath, json_encode($accessToken)); printf("Credentials saved to %s\n", $credentialsPath); } $client->setAccessToken($accessToken); // Refresh the token if it's expired. if ($client->isAccessTokenExpired()) { $client->fetchAccessTokenWithRefreshToken($client->getRefreshToken()); file_put_contents($credentialsPath, json_encode($client->getAccessToken())); } return $client; } /** * Expands the home directory alias '~' to the full path. * @param string $path the path to expand. * @return string the expanded path. */ function expandHomeDirectory($path) { $homeDirectory = getenv('HOME'); if (empty($homeDirectory)) { $homeDirectory = getenv('HOMEDRIVE') . getenv('HOMEPATH'); } return str_replace('~', realpath($homeDirectory), $path); } // Get the API client and construct the service object. $client = getClient(); $service = new Google_Service_Calendar($client); $event = new Google_Service_Calendar_Event(array( 'summary' => 'OiKID 日曆活動測試', 'location' => '800 Howard St., San Francisco, CA 94103', 'description' => 'A chance to hear more about Google\'s developer products.', 'start' => array( 'dateTime' => '2019-02-20T09:00:00-07:00', 'timeZone' => 'America/Los_Angeles', ), 'end' => array( 'dateTime' => '2019-02-20T17:00:00-07:00', 'timeZone' => 'America/Los_Angeles', ), //'recurrence' => array( // 'RRULE:FREQ=DAILY;COUNT=2' //), 'attendees' => array( array('email' => 'fb01@hoyo.idv.tw'), array('email' => 'phenix@sly-ha.com.tw'), ), 'reminders' => array( 'useDefault' => FALSE, 'overrides' => array( array('method' => 'email', 'minutes' => 24 * 60), array('method' => 'popup', 'minutes' => 10), ), ), )); $calendarId = 'primary'; $event = $service->events->insert($calendarId, $event); printf('Event created: %s\n', $event->htmlLink); |
—
php.ini
|
1 |
curl.cainfo = "c:\bin\php56\cacert.pem" |
—
|
1 2 3 |
C:\bin\php56\html>..\php c.php Upcoming events: aaaa (2018-02-07T11:30:00+08:00) |
—
|
1 |
https://www.google.com/calendar/render?action=TEMPLATE&trp=true&sf=true&output=xml&dates=20140711T120000Z/20140711T143000Z&details=就是教不落%0Ahttps://steachs.com&location=101大樓101F&text=加入就是教不落粉絲團 |
連結後確認按下儲存即可加入自己的日曆
—
可以瀏覽粉絲專頁看不到貼文，要測試 Apps 必須從該 Apps 內建立
—
從 Apps 內的 角色 → 測試帳戶 即可新增測試帳號
|
1 2 |
xzaezrnkqo_1546392091@tfbnw.net Aa123456- |
—
|
1 2 3 4 |
Name Aiden Alcbabgiaaacj Thurnstein User ID 100032127911130 Login email mgvlpyb_thurnstein_1546391770@tfbnw.net Login password lz1ac1bsimr |
—
—
—
浮浮沉沉也是浮動，希望沉靜下來後只留下美好
—
—
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 |
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Hoyo 教你 Web Audio API – 02</title> </head> <body> <audio src="https://playx.fun/stream/AgxAN:DXX1rB" id="audio" style="display: none;"></audio> <button type="button" onclick="play()">播放</button> <button type="button" onclick="pause()">暫停</button> <button type="button" onclick="volume(0)">靜音</button> <button type="button" onclick="volume(0.5)">50% 音量</button> <button type="button" onclick="volume(1)">最大音量</button> <script> var audio = document.getElementById("audio"); // 播放 function play(){ audio.play(); } // 暫停 function pause(){ audio.pause(); } // 音量大小 function volume(val){ audio.volume = val; } </script> </body> </html> |
現成的檔案在這裡 02_audio
—
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 |
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Hoyo 教你 Web Audio API – 03</title> </head> <body> <audio src="https://playx.fun/stream/AgxAN:DXX1rB" id="audio" style="display: none;"></audio> <button type="button" onclick="play()">播放</button> <button type="button" onclick="pause()">暫停</button> <label style="width: 100%;"><input type="range" class="volumeGain" min="0" max="100" step="1" value="50"></label> <script src="https://code.jquery.com/jquery-1.12.3.min.js"></script> <script> var audio = document.getElementById("audio"); // 播放 function play(){ audio.play(); } // 暫停 function pause(){ audio.pause(); } // 取得音量滑軌 控制音量 $('.volumeGain').on('input change', function(){ var val = $(this).val(); audio.volume = val / 100; }); </script> </body> </html> |
現成的檔案在這裡 03_audio
音量處理好了，所以進度也可以照樣造句？事情當然沒有這麼單純…
|
1 |
input range 預設值為 50 代表音量是 50% 但是實際上這裡有 bug 就給同學當作回家作業 |
—
audio.currentTime即可得到播放進度，例如增加下列程式碼即可多一個查詢進度的按鈕，單位為秒
|
1 2 3 4 5 6 |
<button type="button" onclick="getCurrentTime()">播放進度</button> <script> function getCurrentTime(){ alert(audio.currentTime); } </script> |
指定數值即可跳轉，例如增加以下程式碼就可以立刻跳到 30 秒處
|
1 2 3 4 5 6 |
<button type="button" onclick="setCurrentTime(30)">跳到 30 秒處</button> <script> function setCurrentTime(val){ audio.currentTime = val; } </script> |
目前的進度檔案 04_audio
—
用功的同學綜合上面了解的資訊可以先嘗試自行做做看，和 Hoyo 一樣偷懶的同學就直接往下看
這裡的坑是，進度本身會動，指定進度就是控制滑軌，可惜兩者會打架，所以播放進度和控制必須分開做，播放進度可以使用 CSS 填色或是也用一個 <input type=”range”>，控制進度當然就是 <input type=”range”>，下面因為懶惰所以就用兩個 range
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 |
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Hoyo 教你 Web Audio API – 05</title> </head> <body> <audio src="https://playx.fun/stream/AgxAN:DXX1rB" id="audio" style="display: none;"></audio> <button type="button" onclick="play()">播放</button> <button type="button" onclick="pause()">暫停</button> <label style="width: 100%;"><input type="range" class="volumeGain" min="0" max="100" step="1" value="50"></label> <p>播放進度：</p> <label><input type="range" class="playTime" id="getPlayTime" min="0" value="0" style="width: 100%;"></label> <label><input type="range" class="playTime" id="setPlayTime" min="0" value="0" style="width: 100%;"></label> <script src="https://code.jquery.com/jquery-1.12.3.min.js"></script> <script> var audio = document.getElementById("audio"); // 播放 function play(){ audio.play(); // 將播放進度條的最大值設定為歌曲長度 $('.playTime').attr('max', audio.duration); } // 暫停 function pause(){ audio.pause(); } // 取得音量滑軌 控制音量 $('.volumeGain').on('input change', function(){ var val = $(this).val(); audio.volume = val / 100; }); // function getCurrentTime(){ alert(audio.currentTime); } // function setCurrentTime(val){ audio.currentTime = val; } // 播放時間異動時 執行功能 audio.ontimeupdate = function(){ $('#getPlayTime').val(audio.currentTime); }; // 變更播放進度時 $('#setPlayTime').on('change', function(){ var val = $(this).val(); audio.currentTime = val; }); </script> </body> </html> |
完成檔案 05_audio
—
至此對於 <audio> 的基礎控制已經完成，不過實務上使用還是有很多問題，相信同學也有測試出來，例如音樂還沒載入就播放，或是播放中想要上一頁或切換網頁卡住問題，這些後面會講到，不過接下來是美化播放介面，不是用醜醜的按鈕了
—
Hoyo 教你 Web Audio API 系列目標是教同學如何建立自己的音樂串流平台
—
|
1 2 3 4 5 6 7 8 9 10 11 |
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Hoyo 教你 Web Audio API – 01</title> </head> <body> <audio src="https://playx.fun/stream/AgxAN:DXX1rB" controls=""></audio> </body> </html> |
雙擊開啟 audio.html 看到類似這樣的網頁，並且點選播放可以順利聽到音樂就成功了
—
Hoyo 相信大多數的網頁畫面都和上面那張不同，應該比較接近下面這樣
除了畫面長相不同之外還多了下載按鈕，當然也有可能長這樣
—
為了統一播放介面所以接下來就必須 Hoyo 教你 Web Audio API – 02. 簡易播放介面
—