HTML5�ŏ��œK���^���o����WebRTC�ŕς�関���`QCon Tokyo 2013���|�[�g�i2/3 �y�[�W�j

» 2013�N05��31�� 18��00�� ���J
[�{��r�Y, ���c�א�, �H�����a�CTIS�������]

WebRTC�ŕς��Web�̖���

�@QCon Tokyo 2013�̃��o�C���^HTML�J�e�S����2�–ڂ̃Z�b�V�����́A�g��O���ɂ��uWebRTC�ŕς��Web�̖����v�B

�@�`���ł́A�g�쎁���uWebRTC�ɂ‚��đ����ł��m���Ă��邩�v�ƎQ���҂ɖ₢�|�����Ƃ���A3�`4���̎Q���҂�����BWebRTC�ɂ‚��ď��߂Ē��u����Q���҂������������߁A�g�쎁�͊�{�I�ȕ������܂߂��`�Řb��W�J�����B

WebRTC�Ƃ�

�@�u���́AWebRTC�iWeb Real-Time Communications�j�ɂ‚��Ă̘b����n�܂����B�����ł́A�uWeb�u���E�U��Ń��A���^�C���R�~���j�P�[�V�������������邽�߂Ɏg�p����Ă��邱�Ɓv�u�o�������̂���R�~���j�P�[�V������K�v�Ƃ��邳�܂��܂ȃA�v�����J���ł��邱�Ɓv��2�_��WebRTC�̓����ł��邱�Ƃ����ꂽ�B

�@�f�o�C�X�̃J�����ɃA�N�Z�X���ĉ摜��Web�u���E�U�ɕ\������f���̎���������A��ʏ�ɕ\�����ꂽ�r�f�I�`���b�g�́AHTML��DOM�\���Ŏ�������Ă��邱�Ƃ�������ꂽ�B�����āAChrome��Firefox�ԂŃr�f�I�`���b�g�����Ă���f�������{�B

�f�o�C�X�̃J�����ɃA�N�Z�X���ĉ摜��Web�u���E�U�ɕ\������f���̗l�q�i��Web�J�������ڑ�����Ă��Ȃ��ƃG���[����������̂ŁA���Ӂj�i�g�쎁�̍u�������iPDF�j���j

�@1��̃p�\�R���̒��ł͂��邪�AWeb�u���E�U�Ԃł�PtoP�ʐM���������Ă��邱�Ƃ������ꂽ�B����́A�u����܂ł�Web�ɂ͂Ȃ��@�\�ł���v�Ƌg�쎁�͌�����B

WebSocket��WebRTC

�@�����āAWebSocket��WebRTC�̈Ⴂ�ɂ‚��āBWebSocket�́u�N���C�A���g�ƃT�[�o�Ԃ̐ڑ��v�ł��邱�Ƃɑ΂��AWebRTC�́u�N���C�A���g�[���Ԃ̑��ݐڑ��v�ł��邱�Ƃ���Ԃ̈Ⴂ�ł���AWebRTC�̓f�[�^�̒ʐM���ɃT�[�o����Ȃ����ߍ����ʐM�������”\�ł���Ɛ������ꂽ�B

WebSocket��WebRTC�i��http://www.qcontokyo.com/data_2013/ToruYoshikawa_QConTokyo2013.pdf���g�쎁�̍u�������iPDF�j�����j

�@�uWebRTC��UDP��p���ĒʐM���s�����߁A�i���������A���^�C�������d�����Ă���v�i�g�쎁�j

WebRTC�̃A�[�L�e�N�`��

�@�����āAWebRTC�̃A�[�L�e�N�`���ɂ‚��Đ������������B���ɁAWebRTC�̎d�l�ł���getUserMedia��WebRTC��2�‚̎d�l�ɂ‚��āA�g�쎁�̓f���������ĉ�������B

WebRTC�̃A�[�L�e�N�`���i�g�쎁�̍u�������iPDF�j���j
  • getUserMedia

�@getUserMedia�̓J������}�C�N����X�g���[���f�[�^���擾����d�l�ł���A�ʐM���̃X�g���[���ɂ‚��Ă���`����Ă���B����ɂ��A�u�J��������摜�≹�����擾���ĉ��H���邱�Ƃ��”\�ɂȂ�v�Ƌg�쎁�B

�@�����ŁAgetUserMedia�Ɋւ���f�����Љ�ꂽ�B���̃f���́A�T�C�g��Ŏʐ^���B�e���ł���Ƃ���Web�A�v���ł���B�܂��AWebRTC�Ŏ擾�����摜�����A���^�C���ɉ��H���邱�ƂŁA���I�ɃG�t�F�N�g���|���邱�Ƃ��ł���B

Webcam Toy�̎g�p��i�g�쎁�̍u�������iPDF�j���j

�@���̂悤�ɁA���A���^�C���ɉ摜�����H����Z�p���g�����ƂŁA����ɘg��t����悤�ȃA�v����AWeb Audio API�ƘA�g�������������A��F����������悤�ȃA�v������邱�Ƃ��”\�ƂȂ�B

�@�g�쎁�́AgetUserMedia�ɂ‚��Ă̂���1�ƒf�����A���p��Ƃ��ďЉ�B��ʉ����Ɏ����̊炪�f���Ă���A����X���邱�ƂŎ��_��ς��邱�Ƃ��ł���B

Movi Kanti Revo�iChrome�݂̂œ���j
  • WebRTC

�@���ɁAWebRTC�{�̂̎d�l�ɂ‚��Đ������������BWebRTC�̎d�l�ł́APtoP�ʐM��[���Ԃ̑��ݐڑ����J�n���邽�߂̃l�S�V�G�[�V������PtoP�ɂ��f�[�^�ʐM�iData Channel�j����`����Ă��邱�Ƃ������ꂽ�B�g�쎁�́A�����̌�AData Channel���g�p���ꂽ�f�������{�B���̃f���́AWebGL�̃f���Ƃ��Ă悭�Љ��Ă��邪�A�u���[�U�[���m�i�N���C�A���g�ԁj�̃f�[�^�̂��Ƃ��WebRTC�ŒʐM���Ă���v�Ɛ������������B

�uBananaBread | Demo Studio | MDN�v�̎g�p��i�g�쎁�̍u�������iPDF�j���j

�@�����ŋg�쎁��WebRTC�ɂ�����l�b�g���[�N�\���ɂ‚��ĉ���BWebRTC���g�����߂ɂ́A�l�S�V�G�[�V�����𒇉�邽�߂̃T�[�o�iWeb�T�[�o�j��NAT�z�������邽�߂�ICE�iInteractive Connectivity Establishment�j�T�[�o��p�ӂ���K�v������B

�@ICE��STUN�iSimple Traversal of UDP through NATs�j��TURN�iTraversal Using Relay NAT�j�Ȃǂ�NAT�z���̎菇���܂Ƃ߂����̂ŁASTUN�T�[�o���K�p�ł���TURN�T�[�o���g�p�����ꍇ�A���ׂĂ̒ʐM��TURN�T�[�o�o�R�ɂȂ邽�߁A���x�I�ȃ����b�g������ł��Ȃ��Ƃ����B

WebRTC�̃l�b�g���[�N�\���i�g�쎁�̍u�������iPDF�j���j

�@�܂��AData Channel��PtoP�Ńo�C�i���A�e�L�X�g�f�[�^�𑗂邱�Ƃ��”\�Ȏd�l�ŁAAPI��WebSocket�Ǝ��Ă���B�T���v���R�[�h�̏Љ���������̂ŁA�ȉ��̃����N���Q�Ƃ��Ăق����B

http://rtcdc.komasshu.info

WebRTC�p���C�u����3�I

�@����ŋg�쎁�́A�uWebRTC��API�͕��G�œ���ł��邽�߁A�”\�ł����WebRTC�p�̃��C�u�����𗘗p����v���Ƃ𐄏��BWebRTC�p�̃��C�u�����Ƃ��āA�ȉ���3�‚������A�u����́A���̂悤��WebRTC�̃��C�u�������g�p���邱�Ƃ��嗬�ɂȂ邾�낤�v�ƌ�����B

���̑���Tips

�@WebRTC�Ɋ֘A����A�ȉ���3�‚ɂ‚��Ă̏Љ�������B�Љ���e�ɂ‚��ẮA�����N����Q�Ƃ��Ăق����B

����̎d�l����ƓW�]

�@WebRTC�̍���̎d�l�����W�]�ɂ‚��Ă��b���������BWebRTC�̎d�l�̓X�g���[���ȊO�ł��e�L�X�g��o�C�i���f�[�^������Data Channel API��g�[���M�����������߂�DTMF����`����Ă���B

�@�܂��A�����I�ɂ̓X�g���[���̃��R�[�f�B���O���ł���Media Recording API�Ȃǂ��”\�ɂȂ錩���݂ł���A�v�b�V�������g���������X�g���[���̃��R�[�f�B���O�������ł���”\��������B

�@�uAPI�������i��ł���̂ŁA���Ȃ葁���i�K�Ŏg����悤�ɂȂ邱�Ƃ����҂ł���v�i�g�쎁�j

�@WebRTC�̓W�]�Ƃ��ẮAWeb�Ƃ����J�e�S���𒴂��āu�d�b�ԂƂ̐ڑ��v�u���l�ȃf�o�C�X�Ƃ̐ڑ��v�ȂǁA�V���ȃT�[�r�X���쐬���Ă���Ƃ��������A�Q�������������Ă���BWebRTC���g���邱�ƂŃv���v���C�G�^���Ȋ‹��ł������r�f�I�`���b�g���I�[�v���Ȏd�l�ƂȂ�A���܂��܂ȃl�b�g���[�N�f�o�C�X���V�[�����X�ɐڑ��ł���悤�ɂȂ邱�Ƃ��z�肳���B

�@�܂��AgetUserMedia���g�p������F���ȂǁA�V�����T�[�r�X�����܂�Ă��邱�Ƃ����҂ł���B

�@�Ō�ɁA�g�쎁�́u�F����̎�ŁA�V����Web�̖���������Ă����܂��傤�v�ƌ��񂾁B

WebRTC�̍���́A�ǂ��Ȃ�H

�@���^�����ł́A�����l���Q���ł���r�f�I��c����邱�Ƃ��”\���i���Α��̒ʐM���”\�j��AInternet Explorer�ł̂ݎ�������Ă���A�uMicrosoft WebRTC Proposal�v�ɂ‚��Ă����₪����AWebRTC�ւ̊֐S�̍�������������ꂽ�B

�@�܂��A���^�����̒��ŁuWebRTC�Ŏg�p���Ă���f�t�H���g�R�[�f�b�N�����ɂ���̂��̋c�_���i��ł��Ȃ��Ƃ�����肪����v�Ƌg�쎁������ꂽ�B�R�[�f�b�N�����ɂȂ邩�ɂ���āA���C�Z���X�̖�肪��������”\�������邽�߁A�{���Ɋւ��Ă͒�������K�v�����낤�B

�@�Z�b�V�����̎��̒ʂ�AWebRTC��Web�̖�����ς���”\���̂���Z�p�ł͂Ȃ����낤���B

Copyright © ITmedia, Inc. All Rights Reserved.

'; if( !this.isSubscription ) { this.insertTarget = document.querySelector('#cmsBody .subscription') || document.querySelector('#cmsBody .inner'); } }; BodyAdIMSWithCCE.prototype = Object.create(BodyAdContent.prototype); BodyAdIMSWithCCE.prototype.activate = function () { refreshGam('InArtSpecialLink'); } // global reference window.itm = itm; //entry point BodyAdEventBase.polyfill(); const bodyAdManager = BodyAdManager.getInstance(); bodyAdManager.addEventListener(BodyAdManager.EVENTS.READY, function (ev) { bodyAdManager.loadAdvertise(); }); bodyAdManager.init(); })();
�X�|���T�[����̂��m�点PR

���ڂ̃e�[�}

Microsoft  WindowsőO2025
AI for GWjAO
[R[h^m[R[h Zg by IT - ITGWjArWlX̒SŊ􂷂gD
Cloud Native Central by IT - XP[uȔ\͂gD
�V�X�e���J���m�E�n�E �y�����i�r�zPR
���Ȃ��ɂ������߂̋L��PR

RSS�ɂ‚���

�A�C�e�B���f�B�AID�ɂ‚���

���[���}�K�W���o�^

��IT�̃��[���}�K�W���́A �������A���ׂĖ����ł��B���Ѓ��[���}�K�W�������w�ǂ��������B