WebRTC
をテンプレートにして作成
LECTURE
担当科目一覧
コンピュータ概論/2024
データサイエンス/2024
3DCG演習/2024
情報デザイン研究/2024
卒業研究/2024
KEYWORDS
WEB DESIGN
SOCIAL DESIGN
SQUARES
LINKS
九州産業大学
芸術学部
芸術研究科
九産大美術館
九産大図書館
年間スケジュール
動画ニュース他
交通情報
気象・環境情報
危機に備えて
K'sLife
Office365Mail
Tools
SEARCH
開始行:
*Web RTC
https://developer.mozilla.org/ja/docs/Web/API/WebRTC_API
~
WebRTC(Web Real-Time Communication)とはW3Cが提唱するリ...
//現在のところ、ChromeとFirefoxに実装されています。
メディアへのアクセス(UserMedia)やPeer-to-Peer通信(RTCPeer...
&color(red){''ご注意 DEMOの起動の前に必ずお読み下さい。'...
-この事例では、あなたのPCのWebカメラを起動します(カメラ...
-ChromeまたはFirefoxでご覧下さい。
-ブラウザが、カメラを起動許可を求めてきますので、「許可」...
-カメラの映像を他へ転送するような通信操作はしていません。...
~
***事例1
-DEMO:https://koichi-inoue.github.io/WebRTC/
-CODE:https://github.com/koichi-inoue/WebRTC
~
-HTML
--<video>タグを書いて、映像の「置き場」を準備しています。
--IDを"webcam"として、このIDを使って、JavaScriptで制御し...
--サイズは適当に変えて下さい。
~
-CSS
--スタイルシートは無くてもいいレベルです。
~
-JavaScript
--まず、ページの読み込みと同時に、UserMedia取得のAPI(ブ...
--navigator.getUserMedia( {video: true, audio: false}, su...
「カメラはON、マイクはOFF」として、Webカメラをアクティブ...
--success()は、カメラ映像の取得に成功した場合の処理が記述...
-error()は、失敗したときの処理で、コンソール(ブラウザの...
~
~
***事例2
-DEMO:https://koichi-inoue.github.io/WebRTC2/
-CODE:https://github.com/koichi-inoue/WebRTC2
~
-HTML
--事例1では、カメラのソースを<video>のソースに位置づけて...
--<canvas>は常に描画を続けないと動かないので、setInterval...
--<canvas>の[[デバイスコンテキスト>Google:HTML5 デバイス...
~
-CSS
--スタイルシートは無くてもいいレベルです。
~
-JavaScript
--ボタンを3つ置いて、それぞれのイベントリスナーとして St...
--複数の関数間で共有する変数があるので、それらは[[外部変...
~
~
~
終了行:
*Web RTC
https://developer.mozilla.org/ja/docs/Web/API/WebRTC_API
~
WebRTC(Web Real-Time Communication)とはW3Cが提唱するリ...
//現在のところ、ChromeとFirefoxに実装されています。
メディアへのアクセス(UserMedia)やPeer-to-Peer通信(RTCPeer...
&color(red){''ご注意 DEMOの起動の前に必ずお読み下さい。'...
-この事例では、あなたのPCのWebカメラを起動します(カメラ...
-ChromeまたはFirefoxでご覧下さい。
-ブラウザが、カメラを起動許可を求めてきますので、「許可」...
-カメラの映像を他へ転送するような通信操作はしていません。...
~
***事例1
-DEMO:https://koichi-inoue.github.io/WebRTC/
-CODE:https://github.com/koichi-inoue/WebRTC
~
-HTML
--<video>タグを書いて、映像の「置き場」を準備しています。
--IDを"webcam"として、このIDを使って、JavaScriptで制御し...
--サイズは適当に変えて下さい。
~
-CSS
--スタイルシートは無くてもいいレベルです。
~
-JavaScript
--まず、ページの読み込みと同時に、UserMedia取得のAPI(ブ...
--navigator.getUserMedia( {video: true, audio: false}, su...
「カメラはON、マイクはOFF」として、Webカメラをアクティブ...
--success()は、カメラ映像の取得に成功した場合の処理が記述...
-error()は、失敗したときの処理で、コンソール(ブラウザの...
~
~
***事例2
-DEMO:https://koichi-inoue.github.io/WebRTC2/
-CODE:https://github.com/koichi-inoue/WebRTC2
~
-HTML
--事例1では、カメラのソースを<video>のソースに位置づけて...
--<canvas>は常に描画を続けないと動かないので、setInterval...
--<canvas>の[[デバイスコンテキスト>Google:HTML5 デバイス...
~
-CSS
--スタイルシートは無くてもいいレベルです。
~
-JavaScript
--ボタンを3つ置いて、それぞれのイベントリスナーとして St...
--複数の関数間で共有する変数があるので、それらは[[外部変...
~
~
~
ページ名: