5.22成都workshop:1、海量資料儲存與多媒體處理

秋二發表於2017-05-21

海量資料儲存與多媒體處理

場景簡介

  • 某遊戲公司小吳需要將遊戲的靜態資料比如圖片放在在OSS上
  • 某遊戲公司小吳需要對存放在OSS上的圖片進行縮略、旋轉、裁剪等處理

實驗概述

實驗概述

具體步驟

1. 下載資源包,解壓後找到oss.zip,並再次解壓出來

2. 登陸阿里雲官網

點選登陸介面,輸入賬號和密碼登陸即可,如果要求繫結手機號,則選擇“下次再說”登陸登陸

3. 進入OSS控制檯

進入OSS控制檯進入OSS控制檯

4. 新建bucket

bucket名稱的字符集是小寫字母、數字和橫槓,全域性唯一,自己定一個就行,本文件以storage-workshop-1為例,所屬區域選擇“華東2”,也就是上海區域,儲存型別是“標準儲存”,為了方便演示,讀寫許可權選擇“公共讀”,點選確認即可新建bucket新建bucket

5. 上傳檔案

上一步完成後會自動進入bucket的管理介面,選擇左側“Object管理”,然後選擇“上傳檔案”,在彈出的對話方塊中選擇我們第一步下載的壓縮包中的“144-bigskin-1.jpg”上傳即可,點選重新整理,即可看到剛才上傳的檔案上傳檔案上傳檔案

6. 下載檔案或者在瀏覽器中開啟檔案

從剛才上傳的檔案右側點選“獲取地址”,將地址複製出來放到瀏覽器中即可看到剛才上傳的檔案下載檔案下載檔案

7. 圖片處理

所有的圖片處理操作可見文件圖片處理,此文件以縮略、旋轉、裁剪為例演示

縮略

在步驟6中生成的url後面新增”?x-oss-process=image/resize,m_fixed,h_400,w_600”,回車即可,可以改變其中的數值檢視效果

旋轉

在步驟6中生成的url後面新增”?x-oss-process=image/rotate,90”,回車即可,可以改變其中的數值檢視效果

裁剪

在步驟6中生成的url後面新增”?x-oss-process=image/circle,r_500”,回車即可,可以改變其中的數值檢視效果

管道

如果要同時實現縮略、旋轉以及裁剪,可以採用管道連線,比如在步驟6中生成的url後面新增”?x-oss-process=image/resize,m_fixed,h_400,w_600/rotate,90/circle,r_500”,回車即可,可以改變其中的數值觀察效果

樣式
  • 建立樣式。回到bucket的管理介面,依次選擇左側的“圖片處理”=》“樣式管理”=》“建立樣式”,進入建立樣式的介面,選擇“高階編輯”,填入樣式名,將“管道”一節中新增的引數填入框中,右側點選預覽,觀察效果後儲存建立樣式建立樣式建立樣式建立樣式
  • 使用生成的樣式。在步驟6中生成的域名後面新增“?x-oss-process=style/mystyle”,可以看到和管道一節一樣的效果,但是url已經縮短了很多


相關文章