電影的套路：憋大招

Posted on 2017-07-29 by hoyo

什麼是憋大招

hoyo 說的憋大招是什麼？就是通常電影最後會有一個好結局，好結局也都會有相對應的配樂或歌曲。

為了讓觀眾有「似曾相識」、「熟悉」的感覺，會在電影的前面先找機會讓這段音樂曝光，在看到電影最後的好結局時再出現一次這段音樂，這時觀眾就會覺得明明是第一次看這部電影為什麼對這個音樂這麼有共鳴，然後相對就容易被感動。

這就是 hoyo 說的憋大招。

第一次意識到電影這個套路是看冰雪奇緣的時候，看到最後冰雪融化音樂聲響起的時候，忽然莫名非常感動，心想：「靠腰，這不是我第一次看嗎？而且又不是主題曲怎麼會有熟悉的感覺。」然後回頭找才知道電影一開始就「置入」這段音樂了。

後來音樂類型的好電影只要有憋大招，就馬上會察覺。而憋大招似乎也是好電影不可或缺的元素，接下來就介紹幾部有憋大招的電影，並且根據憋的時間做出排名

—

美女與野獸

1:21:29 ~ 1:52:09 = 30 分

這算是翻拍的作品，那個時候氣短還不太會憋

—

海洋奇緣

00:24:18 ~ 1:35:35 = 61 分

整部作品都是類似風格的音樂，所以有沒有憋其實沒差，大家都會覺得曲風很類似

(圖的時間比實際音樂略晚，是為了抓相同的角度 …)

—

冰雪奇緣

00:00:05 ~ 01:28:05 = 88 分

第一個察覺憋大招套路的作品，如果片長一點就可以拿一了，可惜只是第二名

—

歡樂好聲音

00:01:52 ~ 01:39:19 = 97 分

又是一個使用憋大招的好作品，因為電影本身就是歌唱性質，所以最後劇場重建的時候雖然覺得很熟悉，不過還是愣了一下，不是很記得為什麼會覺得聽過這段旋律。也是需要回頭重新看才會知道原因 …

因為是第一名多放一張圖好了，有人發現其實五隻小浣熊的臉長的不一樣嗎？

—

PK (我的个神啊)

00:06:42 ~ 02:27:53 = 141 分

第一次看的時候，覺得結尾的音樂輕快又好聽，沒想到其實開頭就有唱過了 (我會告訴你當時只專心在看妹仔！？)

後來上網下載了這首歌之後就連續好幾天都只聽這首歌 (一天大概可以聽 150 次，應該已經聽了 1000 次了吧)

‘Nanga Punga Dost’ Full Song with LYRICS | PK | Aamir Khan | Anushka Sharma | T-series

—

早期的電影似乎覺得使用重複的歌很可恥，很難找到重複使用的案例，不過並不是不憋就不是好電影。大部分會使用相同風格的配樂來塑造熟悉感，而不是直接採用相同的音樂。

—

466 total views, no views today

取得臺灣即時氣象資訊

Posted on 2017-07-26 by hoyo

目標：取得台灣地區的即時氣象資訊

—

交通部中央氣象局-開放資料平臺

加入會員
登入會員後網站選單會多一個開放資料目錄，裡面有資料清單的詳細說明
切換到「資料使用說明」內有「取得授權碼」，點選即可得到下載授權碼
找到符合需求的資料清單代碼後，套用到下載網址的 dataid 即可

1	http://opendata.cwb.gov.tw/opendataapi?dataid=O-A0003-001&authorizationkey=CWB-C95C04E5-AA3A-4362-96D0-XXXXXX

—

Сurrent weather and forecast – OpenWeatherMap

加入會員
OpenWeatherMap 會寄信給你，內有你的 API 連結 appid 和範例
然後就可以根據這個範例和 appid 使用網站上的 API 說明

1	http://api.openweathermap.org/data/2.5/weather?q=tainan,taiwan&appid=504cc5e34ec1fa56760cb045dcxxxxxx

{"coord":{"lon":120.19,"lat":23},"weather":[{"id":803,"main":"Clouds","description":"broken clouds","icon":"04d"}],"base":"stations","main":{"temp":303.71,"pressure":1005,"humidity":62,"temp_min":303.15,"temp_max":304.15},"visibility":10000,"wind":{"speed":2.1,"deg":80},"clouds":{"all":75},"dt":1501027200,"sys":{"type":1,"id":7486,"message":0.0079,"country":"TW","sunrise":1501018044,"sunset":1501065834},"id":1668352,"name":"Tainan","cod":200}

—

1,521 total views, no views today

使用 Let’s Encrypt 免費 SSL 提供 HTTPS

Posted on 2017-07-16 by hoyo

什麼是 Let’s Encrypt

1	Let's Encrypt是一個於2015年三季度推出的數位憑證認證機構，旨在以自動化流程消除手動建立和安裝憑證的複雜流程，並推廣使全球資訊網伺服器的加密連接無所不在，為安全網站提供免費的SSL/TLS憑證。

數量限制

Rate Limits

1 2	2018年8月1日 The main limit is Certificates per Registered Domain, (50 per week).

客戶端

ACME Client Implementations

官方推薦使用 Certbot ，實際測試幾個也是推薦 Certbot

—

Certbot

NGINX 使用 Let’s Encrypt 免費 SSL 憑證設定 HTTPS 安全加密網頁教學

設定運作程式環境及取得程式

# mkdir /etc/certbot

# cd /etc/certbot

# wget https://dl.eff.org/certbot-auto

# chmod +x certbot-auto

—

certbot-auto 安裝、設定

首先裸跑一次，程式會偵測環境並且補齊所需套件

1	# /etc/certbot/certbot-auto

在網站根目錄建立規定認證目錄 .well-known/acme-challenge/ 後即可產生證書

1 2	# mkdir -p /WEB/.well-known/acme-challenge/ # /etc/certbot/certbot-auto certonly --webroot -w /WEB/ -d app.soundu.life

-w 網路根目錄路徑
-d 網址，實際操作時該網址必須已經可使用

—

設定自動更新證書排程

vi /etc/crontab

# renew SSL

0 7 * * * root /etc/certbot/certbot-auto renew

1 7 * * * root systemctl reload httpd

—

SSL 證書檢查

—

381 total views, no views today

安裝 Godaddy SSL

Posted on 2017-07-03 by hoyo

產生主機 SSL csr
Generate a CSR (certificate signing request)
Apache: Generate CSR (Certificate Signing Request)
把 csr 貼給 Godaddy
驗證網站 (網域)
Verify domain ownership (HTML or DNS)
Godaddy 會打電話看是不是有人在開玩笑
確認後，發送證書連結
下載證書，解壓縮到 /usr/local/ssl
安裝 mod_ssl
編輯 ssl.conf
重新啟動 HTTPD

—

mkdir /usr/local/ssl

cd /usr/local/ssl

openssl req -new -newkey rsa:2048 -nodes -keyout yourdomain.key -out yourdomain.csr

—

網域認證

/.well-known/pki-validation/godaddy.html

-- Your unique ID --

—

安裝 SSL 證書到 Apache

安裝 Apache SSL mod

1	yum install mod_ssl

編輯 /etc/httpd/conf.d/ssl.conf

vi /etc/httpd/conf.d/ssl.conf

ServerName www.oikid.com:443

SSLCertificateFile /usr/local/ssl/xxxxxxxxx.crt

SSLCertificateKeyFile /usr/local/ssl/www.youdomain.com.key

SSLCertificateFile 為 Goddddy 壓縮檔內的 crt
SSLCertificateKeyFile 是一開始用 openssl 產生的 key 檔案

—

702 total views, no views today

使用 chunk 上傳超大檔案 (HTTP 檔案上傳經驗整理)

Posted on 2017-07-01 by hoyo

測試經驗整理

使用 chunked 是為了
- 避免無止盡的設定上傳大小
- 避免逾時 Timeout

—

Plupload

Chunking

—

測試第一步

u.html

<!DOCTYPE html>

<html>

</head>

<body>

<div id="drag-area" class="col-xs-12">拖曳檔案、資料夾或點選上傳</div>

var uploader = new plupload.Uploader({

runtimes : 'html5',

chunk_size: '2mb',

file_data_name : 'DSLRFile',

drop_element : 'drag-area',

browse_button : 'drag-area',

//max_file_size : '10mb',

url : "./u.php",

multipart_params: { Date:'', Category:'', Title:'' }

});

uploader.init(); //初始化

//绑定文件添加进队列事件

uploader.bind('FilesAdded',function(uploader,files) {

for(var i = 0, len = files.length; i<len; i++) {

var file_name = files[i].name; //文件名

//构造html来更新UI

var html = '<div id="file-' + files[i].id +'" class="statusbar"><div class="filename">' + file_name + '</div><div class="FileLoaded">0</div><div class="FileSlash">/</div><div class="FileSize">'+ files[i].size +'</div><div class="progressBar"><div style="width: 0;"></div></div></div>';

$(html).appendTo('#file-list');

}

});

//绑定文件上传进度事件

uploader.bind('UploadProgress',function(uploader,file){

console.log(file.loaded);

$('#file-'+file.id+' .FileLoaded').text(file.loaded); //

$('#file-'+file.id+' .FileSize').text(file.size); //

$('#file-'+file.id+' .progressBar>div').css('width',file.percent + '%');//控制进度条

});

// 上傳完成

uploader.bind("UploadComplete", function() {

$('#file-list').find('div').remove();

});

// 上傳結果

uploader.bind('FileUploaded', function(upldr, file, object) {

// 獲取回傳

var Return;

try {

Return = eval(object.response);

} catch(err) {

Return = eval('(' + object.response + ')');

}

// 失敗顯示錯誤訊息

if ( Return['Result'] ==true ) {

$('#Main').append();

}

else {

alert( Return['Message'] );

}

});

// 開始上傳

$('#upload-btn').click(function() {

uploader.start();

});

</script>

</body>

</html>

u.php

<?php

print_r($GLOBALS);

輸出

Array

(

[_GET] => Array

(

)

[_POST] => Array

(

[name] => Serebro - Mi Mi Mi.mp3

[chunk] => 0

[chunks] => 4

)

[_COOKIE] => Array

(

[location] => zh-tw

)

[_FILES] => Array

(

[DSLRFile] => Array

(

[name] => blob

[type] => application/octet-stream

[tmp_name] => /tmp/php01RmfW

[error] => 0

[size] => 2097152

)

[GLOBALS] => Array

*RECURSION*

)

Array

(

[_GET] => Array

(

)

[_POST] => Array

(

[name] => Serebro - Mi Mi Mi.mp3

[chunk] => 1

[chunks] => 4

)

[_COOKIE] => Array

(

[location] => zh-tw

)

[_FILES] => Array

(

[DSLRFile] => Array

(

[name] => blob

[type] => application/octet-stream

[tmp_name] => /tmp/phpwcnchg

[error] => 0

[size] => 2097152

)

[GLOBALS] => Array

*RECURSION*

)

—

把分塊的檔案組合

<?php

$Filename = '/tmp/'.$_POST['name'];

exec( ' cat '.$_FILES['DSLRFile']['tmp_name'] .' >> "'. $Filename .'"' );

—

原程式修改

// 檔案分塊未完成

$Filename = '/tmp/'.$_POST['name'];

// 大於兩塊處理

if ( $_POST['chunks'] > 1 ) {

if ($_POST['chunks'] - $_POST['chunk'] > 1) {

exec(' cat ' . $_FILES['DSLRFile']['tmp_name'] . ' >> "' . $Filename . '"');

echo '1';

exit;

}

else{