コンピュータ中級B ～Javaプログラミング～第3回コンピュータと情報をやりとりするには?

Size: px

Start display at page:

Download "コンピュータ中級B ～Javaプログラミング～第3回コンピュータと情報をやりとりするには?"

しのぶひめい
5 years ago
Views:

3 Copyright (C) Junko Shirogane, Tokyo Woman's Christian University 2010, All rights reserved. 3 授業目標動画ファイルを作成したり公開する方法を学ぶことビデオカメラを利用した動画の撮影撮影した動画をコンピュータで編集編集した動画を公開メディアに保存する方法ソフトウェアの操作方法などの細かいことはあまり話さないので参考書を読んで自分で技術を習得すること様々なアニメーション主に Flash

4 Copyright (C) Junko Shirogane, Tokyo Woman's Christian University 2010, All rights reserved. 4 教科書と参考文献教科書 : 特になし参考文献 : HTML&XHTML&CSS 辞典大藤幹著, 秀和システム Mac Fan ilife 09[iTunes iphoto imovie idvd GarageBand iweb] 入門活用ガイド (MacFanBooks), 伊達千代, 毎日コミュニケーションズ etc.

5 Copyright (C) Junko Shirogane, Tokyo Woman's Christian University 2010, All rights reserved. 5 成績評価とレポート成績評価出席 : 40%, 作品発表 + レポート : 60% 作品発表 : 2 or 3 回 ( ビデオ編集の作品発表 ) レポート : 授業で学習した内容をもとに Web ページ作成主に Flash

9 Copyright (C) Junko Shirogane, Tokyo Woman's Christian University 2010, All rights reserved. 9 ディスプレイの色現実世界の色の種類 : 無限の数存在コンピュータでの色の種類 : 無限には扱えないコンピュータでの色の種類の数には限りがある色の種類 : white, black, red, green, blue, purple, pink, brown, orange, yellow, cyan, magenta,... コンピュータで扱える色の種類は通常 1670 万種類ほど 1 つ 1 つの色に名前をつけることは難しいコンピュータでは... 色を数で表す

10 Copyright (C) Junko Shirogane, Tokyo Woman's Christian University 2010, All rights reserved. 10 コンピュータでの色の扱いコンピュータで扱う色はディスプレイに映る色ディスプレイには光を使って表示赤 (Red), 緑 (Green), 青 (Blue) をから全ての色を作成赤い光緑の光青の光を利用 RGB カラー

11 Copyright (C) Junko Shirogane, Tokyo Woman's Christian University 2010, All rights reserved. 11 コンピュータでの色の表現 RGB カラー赤 (Red), 緑 (Green), 青 (Blue) から全ての色を作るそれぞれ 256(0~255) 段階の濃淡がありそれを混ぜ合わせて色を作る例えば... 赤 : 255, 緑 : 0, 青 : 0 赤 : 204, 緑 : 153, 青 : 万通りの色を作成可能

13 Copyright (C) Junko Shirogane, Tokyo Woman's Christian University 2010, All rights reserved. 13 グレースケールモノクロのこと白から黒までの明暗だけで表現白から黒までの明暗の段階の数によって種類あり 2 階調 : 白と黒の 2 段階のみ 256 階調 : 白から黒までの明暗が 256 段階あり ( 一般的なグレースケール ) 階調 : 段階の明暗カラー 256 階調グレースケール 2 階調グレースケール

14 Copyright (C) Junko Shirogane, Tokyo Woman's Christian University 2010, All rights reserved 色 (8bit カラー ) 256 種類の色を利用するモード 1 つの色を 2 進数で 8 桁 (8bit) で表す処理能力の低いコンピュータには適しているグラデーションやぼかしなどはムラができる通常の色 256 色

15 Copyright (C) Junko Shirogane, Tokyo Woman's Christian University 2010, All rights reserved. 15 High Color 32,768 種類または 65,536 種類の色を利用するモード 32,768 種類 : 15 ビットカラー (1 つの色を 15 ビットで表現 ) 65,536 種類 : 16 ビットカラー (1 つの色を 16 ビットで表現 )

16 Copyright (C) Junko Shirogane, Tokyo Woman's Christian University 2010, All rights reserved. 16 True Color (Full Color) 最大 16,777,216 種類の色を利用するモード 24 ビットカラー, 32 ビットカラーとも (1 つの色を 24 ビットで表現するものと 32 ビットで表現するもの ) 現在のコンピュータのディスプレイの色赤, 緑, 青をそれぞれ 256 段階で表現

19 Copyright (C) Junko Shirogane, Tokyo Woman's Christian University 2010, All rights reserved. 19 ビットマップ画像 ( ペイント系画像 ) 静止画を点の集まりとみなし 1 つ 1 つの点の色が何色かで表現する画像現在最も広く普及している画像の表現方法画像にかかれている情報を持たない拡大すると輪郭がギザギザになる縮小すると情報が失われる写真など内容に規則性を持たないものには適している拡大すると...

20 Copyright (C) Junko Shirogane, Tokyo Woman's Christian University 2010, All rights reserved. 20 ビットマップ画像の大きさ画像は 1 つ 1 つの点で表現例えば横に 300 個縦に 200 個 ( ) の点で表現した画像 : 個の点で表現点が True Color で表現される場合 1 つ 1 つの点が 24bit(3byte) で表現される場合 8bit のことを 1byte と呼ぶ 1byte は半角 1 文字分, 2byte は全角 1 文字分 60000( 個 ) 3(byte)=180000(byte) 1000byte=1Kbyte(KB) 1000Kbyte=1Mbyte(MB) 180KB 全角文字文字分の大きさ

21 Copyright (C) Junko Shirogane, Tokyo Woman's Christian University 2010, All rights reserved. 21 画像ファイルのサイズが大きいと... Web ページに掲載したとき表示に時間がかかる Web ページは HTML ファイルや画像ファイルなどを一旦自分のコンピュータに保存してから表示 Web ページの置き場所から自分のコンピュータに持ってくるまで時間が必要画像ファイルを小さくするには? 色数を減らすファイルを圧縮する

22 Copyright (C) Junko Shirogane, Tokyo Woman's Christian University 2010, All rights reserved. 22 色数を減らすとの大きさ (60000 個の点 ) の画像で True Color 180KB 全角文字文字分 High Color( 例えば 16 ビットカラー ) 1つの点を16ビット (2byte) で表現 60000( 個 ) 2(byte)=120000(byte) =120KB 全角文字文字分 256 色 1 つの点を 8 ビット (1byte) で表現 60000( 個 ) 1(byte)=60000(byte) =60KB 全角文字文字分

25 Copyright (C) Junko Shirogane, Tokyo Woman's Christian University 2010, All rights reserved. 25 非可逆圧縮余分な情報を取り除くことで圧縮画像であれば色の情報 ( 微妙な色の変化 ) など音声であれば人間の耳には聞こえないような音人間の感覚ではわからないものを削るので見た目聞いた感じでは品質は変わらない画像は拡大すると画質が落ちているのがわかる取り除いてしまった余分な情報は元にもどせないファイルは元にもどらない

26 Copyright (C) Junko Shirogane, Tokyo Woman's Christian University 2010, All rights reserved. 26 可逆圧縮非可逆圧縮の使いどころ静止画 : 可逆圧縮も非可逆圧縮もあり可逆圧縮 : TIFF, Bitmap, GIF, PNG, 非可逆圧縮 : JPEG 音声 : ほぼ非可逆圧縮動画 : ほぼ非可逆圧縮

29 Copyright (C) Junko Shirogane, Tokyo Woman's Christian University 2010, All rights reserved. 29 動画動く絵, または動く絵 + 音声 1 秒間に約 30 枚の絵を切り替え 2C でのアニメーション : 1 秒間に 3~10 枚程度ビデオでは 1 枚 1 枚の絵は全て異なるものを表示 2C でのアニメーション : 数枚の絵を繰り返し表示ビデオでは音声つき 2C のアニメーション : 音声なし

30 Copyright (C) Junko Shirogane, Tokyo Woman's Christian University 2010, All rights reserved. 30 フレーム動画ファイルを構成する 1 枚 1 枚の静止画 1 枚 1 枚の静止画はビットマップ画像画像を点の集まりとみなし 1 つ 1 つの点が何色かで表現する画像動画の画質にはフレームレートと解像度が重要

31 Copyright (C) Junko Shirogane, Tokyo Woman's Christian University 2010, All rights reserved. 31 フレームレート 1 秒あたりで切り替えて表示するフレームの枚数単位 : fps(frames Per Second) 地デジ : 29.97fps ( 約 30fps) DV(Digital Video): 30fps 劇場用映画 : 24fps フレームレートが高ければ滑らかな動きを表現可能フレームレートが低ければぎこちない動き

32 Copyright (C) Junko Shirogane, Tokyo Woman's Christian University 2010, All rights reserved. 32 解像度動画を構成する画像の横と縦の点の数地デジ : ( ハイビジョン ) (NHK BS など一部は ( フルハイビジョン )) DV: 解像度が大きければきめ細かい画像を表現可能解像度が小さければ荒い画像

33 Copyright (C) Junko Shirogane, Tokyo Woman's Christian University 2010, All rights reserved. 33 ファイルサイズフレームレートや解像度が大きければファイルサイズも大きくなる単純に考えて... True Color(1 つの点が 3byte), 30fps, の DV の動画 ( ただし音声なし ) はファイルサイズ =(3 ( )) 30 秒数 1 秒で約 31MB, 1 分で約 1.87GB この大きさは画像だけで音声なしなので実際の動画は音声の分の容量が付加

34 Copyright (C) Junko Shirogane, Tokyo Woman's Christian University 2010, All rights reserved. 34 Ex. 地デジ (1) 地デジ : の解像度でフレームレートが約 30fps Ex. 1 つの点を 24 ビット (3byte) で表現すると ( 画素 ) (3byte) (30 フレーム / 秒 ) = byte/ 秒 140Mbyte/ 秒 ( ただし音声なし )

35 Copyright (C) Junko Shirogane, Tokyo Woman's Christian University 2010, All rights reserved. 35 Ex. Digital video(2) 地デジ : 140Mbyte/ 秒の伝送が必要テレビ局から家庭に映像を送るときに 1 秒間に 140Mbyte 送れないとなめらかな映像が見られない Ex. 家庭のコンピュータのネットワーク環境 ADSL: 50M ビット / 秒 (bps) = 6.25M バイト / 秒光 : 100Mビット / 秒 (bps) = 12.5Mバイト / 秒理論上の速さで実際はもっと遅い 140Mbyte/ 秒は莫大な伝送量!!

36 Copyright (C) Junko Shirogane, Tokyo Woman's Christian University 2010, All rights reserved. 36 Ex. デジタル放送 (3) 140Mbyte/ 秒は現実的に伝送不可能データを圧縮して伝送圧縮 : 決まった手順に従ってデータサイズを小さくすること静止画画像の中の特定の領域の色の変化は少ない動画動画の中で実際に動く部分は大きくない動く部分を過去の様子から大体予測できるデジタル放送ではこの性質を使って圧縮 ( 圧縮技術 : MPEG-2)

37 Copyright (C) Junko Shirogane, Tokyo Woman's Christian University 2010, All rights reserved. 37 ビットレート 1 秒あたりに転送可能なビット数動画ファイルの置き場所から再生機械への転送 DVD ドライブ ( 置き場所 ) から PC( 再生機械 ) へテレビ局 ( 置き場所 ) から家庭のテレビ ( 再生機械 ) へ単位 : bps(bit per second) ビットレートが高ければ動画の品質 ( 画質音質 ) は良くなるビットレートが低ければ動画の品質は悪くなる

40 Copyright (C) Junko Shirogane, Tokyo Woman's Christian University 2010, All rights reserved. 40 MPEG[1] Moving Picture Experts Group ISO( 国際標準化機構 ) が設置した組織の名称 ( そのまま動画の規格の名前に使われている ) 動画の画像の圧縮の規格と音声の圧縮の規格を含む MPEG-1~MPEG-4, MPEG-7, MPEG-21 が現状での規格ただし MPEG-3 は MPEG-2 に吸収されてしまって存在なし MPEG-5, MPEG-6 は欠番

42 Copyright (C) Junko Shirogane, Tokyo Woman's Christian University 2010, All rights reserved. 42 MPEG-1 家庭用ビデオ (VHS) 並みの画質拡張子 : mpg, mpeg ビットレート : 1.5Mbps 程度 ( 実際はもっと大きい ) Video CD でも利用されている規格 Video CD: CD に映像と音声を記録するための規格専用のプレイヤーか PC に専用のハードウェア又はソフトウェアを用意することで再生

43 Copyright (C) Junko Shirogane, Tokyo Woman's Christian University 2010, All rights reserved. 43 MPEG-1 での音声圧縮方式 MPEG Audio Layer-1 圧縮率 : 約 1/4 MPEG Audio Layer-2 圧縮率 : 約 1/7 MPEG Audio Layer-3 通称 MP3 ( 拡張子 :.mp3) 圧縮率 : 約 1/11 オーディオCD 並みの音質を保ったまま圧縮可能

44 Copyright (C) Junko Shirogane, Tokyo Woman's Christian University 2010, All rights reserved. 44 MPEG-2 高品質テレビの画質拡張子 :.m2p ビットレート : 4Mbps~ 数十 Mbps DVD やデジタル放送で利用されている規格 DVD: MPEG-2 PS (Program stream) デジタル放送 : MPEG-2 TS (Transport stream) ファイルサイズは MPEG-1 の約 6 倍 30fps, 解像度で 1 分間のデータは約 60MB

45 Copyright (C) Junko Shirogane, Tokyo Woman's Christian University 2010, All rights reserved. 45 MPEG-4 携帯電話や電話回線等の通信速度の遅い回線で低画質高圧縮率の映像の配信を目的とした規格拡張子 :.mp4 ビットレートが低くても一定の画質が保たれるビットレート : 128Kbps 以下程度 ~38.4Mbps 程度

47 Copyright (C) Junko Shirogane, Tokyo Woman's Christian University 2010, All rights reserved. 47 QuickTime Apple Computer 社が開発した Mac 用の動画ファイルの形式 Apple Computer: Mac を開発販売している会社動画や音声を扱うためのソフトウェアの名前でもある拡張子 :.mov,.qt ストリーミングに対応

50 Copyright (C) Junko Shirogane, Tokyo Woman's Christian University 2010, All rights reserved. 50 ノンリニア編集ビデオテープなどに記録された動画を HDD などの記憶装置にデジタルデータとして取り込み PC などで編集する手法デジタル化するので複製編集しても品質は劣化しない時間軸に関係なく編集ができる再生時間などを気にせずに編集可能編集するためには処理速度が速く大容量の記憶装置を持つコンピュータを必要とする編集には時間がかかる

52 Copyright (C) Junko Shirogane, Tokyo Woman's Christian University 2010, All rights reserved. 52 動画再生ソフトウェア QuickTime Macで一般的に利用されるソフトウェア Windowsでも利用可能 Windows Media Player Windows で一般的に利用されるソフトウェア Real One Player RealMedia を再生するためのソフトウェア Web ブラウザ内部で再生される動画は実際にはこれらのソフトウェアが再生 (Web ブラウザがこれらのソフトウェアを起動して再生 )

53 Copyright (C) Junko Shirogane, Tokyo Woman's Christian University 2010, All rights reserved. 53 ストリーミングインターネット上にある動画や音声のファイルをダウンロードしながら順次再生する技術通常ファイルは一旦全てダウンロードし終わってからでなければ再生できないストリーミング対応の動画ファイル形式 QuickTime RealMedia Windows Media AVI はストリーミングできない

コンピュータ中級B ～Javaプログラミング～第3回コンピュータと情報をやりとりするには?

コンピュータ中級B ～Javaプログラミング～第3回コンピュータと情報をやりとりするには? Copyright (C) Junko Shirogane, Tokyo Woman's Christian University 2013, All rights reserved. 1 コンピュータ 3C ~ マルチメディア ~ 第 5 回編集の練習人間科学科コミュニケーション専攻白銀純子 Copyright (C) Junko Shirogane, Tokyo Woman's Christian

コンピュータ中級B ～Javaプログラミング～ 第3回 コンピュータと情報をやりとりするには?

コンピュータ中級B ～Javaプログラミング～第3回コンピュータと情報をやりとりするには?