MẪU ĐỒ ÁN KHOÁ LUẬN TỐT NGHIỆP ĐẠI HỌC ĐÀ NẴNG KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG ĐỒ ÁN CƠ SỞ 4 ĐỀ TÀI Tìm hiểu và ứng dụng Webrtc để tạo ứng dụng Video Call Sinh viên thực hiện Võ Như Tài Giảng[.]
ĐẠI HỌC ĐÀ NẴNG KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THƠNG ĐỒ ÁN CƠ SỞ ĐỀ TÀI: Tìm hiểu ứng dụng Webrtc để tạo ứng dụng Video Call Sinh viên thực : Võ Như Tài Giảng viên hướng dẫn : TS Nguyễn Hà Huy Cường Lớp : 17IT2 Đà nẵng, tháng năm 2020 ĐẠI HỌC ĐÀ NẴNG KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THƠNG ĐỒ ÁN CƠ SỞ Tìm hiểu ứng dụng Webrtc để tạo ứng dụng Video Call Đà Nẵng, tháng năm 2020 MỞ ĐẦU Ngày nay, giới thơng minh có nhiều nhu cầu đươc đặt hơn, chắn có nhiều nhu cầu giúp cho xã hội người vươn tầm lên tầm cao Là bước khác với đồ án kỳ trước Lần nôi dụng đồ án Video Call – lĩnh vực xem xu phát triển nâng cấp thời kì đại… Đồ án kỳ là hội để nâng cao kiến thức lập trinh ứng dụng tìm hiểu API có giới Việc sử dụng phương pháp Web Real-Time Communications tạo thuận tiện việc thực mục tiêu đồ án lần Kết hợp với OpenTok để tạo server cho phép người dùng trao đổi video với Và việc hoàn thành đồ án học kỳ thiếu đến giúp đỡ dẫn tận tình thầy Nguyễn Hà Huy Cường - giáo viên hướng dẫn Người tạo điều kiện tốt cho hoàn thành đề án Thật cảm ơn thầy thời gian qua hướng dẫn, định hướng hướng phát triển cho chúng em Chúng em xin cảm ơn! NHẬN XÉT …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… ……………………………………………………… MỤC LỤC Trang Contents Chương Giới thiệu 1.1 Tổng quan 1.2 Phương pháp, kết .9 1.2.1 Phương pháp 1.2.2 Kết 1.3 Cấu trúc đồ án 10 Chương Nghiên cứu tổng quan 11 2.1 Các phương pháp 11 2.1.1 Web Real-Time Communications 11 2.1.2 EasyRTC OpenSource 12 2.2 Hạn chế, tồn phương pháp 13 2.2.1 Web Real-Time Communications 13 2.2.2 EasyRTC OpenSource 13 2.3 Kết luận 14 Chương Phân tích thiết kế hệ thống .15 3.1 Mô hình tổng quan WebRTC 15 3.1.1 Các giao thức sử dụng WebRTC 17 3.1.2 Các API WebRTC 20 3.1.3 Bảo mật WebRTC 21 3.2 Thiết kế chi tiết .21 Chương Kết luận Hướng phát triển 25 4.1 Kết luận 25 4.2 Định hướng phát triển 25 DANH MỤC CÁC BẢNG Trang Bảng 2.1 – Bảng so sánh phương pháp 13/14 DANH MỤC HÌNH Trang Hinh1 1: Hoạt động WebRTC 11 Hinh1 : Kiến trúc tổng thể WebRTC 15 Hinh1 3: Kiến trúc bên WebRTC .16 Hinh1 4: Chồng giao thức WebRTC 17 DANH MỤC CỤM TỪ VIẾT TẮT STT 10 11 12 13 14 Cụm từ Web Real-Time Communication HyperText Transfer Protocol Voice over internet protoco Real-time Transport Protocol Secure RTP Application Programming Interface Session Description Protoco Session Traversal Utilities for NAT Traversal Using Relays around NAT Interactive Communication Establishment User Datagram Protocol Transport Layer Security Stream Control Transport Protocol Internet Protocol Viết tắt WebRTC HTTP VoIP RTP SRTP API SDP STUN TURN ICE UDP TLS SCTP IP Chương Giới thiệu 1.1 Tổng quan Trong bối cảnh xã hội ngày phát triển, đời sống người phát triển mạnh mẽ, nhu cầu dịch vụ nâng cao qua thời gian Trong đó, nhu cầu việc liên lạc - tương tác với ngày ý phát triển mạnh mẽ Theo lịch sử trước năm 1878, người chủ yếu liên lạc khoảng cách xa với chủ yếu dựa vào bồ câu, vận chuyển thư người nhiên phương pháp tốn thời gian không đảm bảo Sau năm 1878, điên thoại đời cho phép truyền âm khoảng cách xa với tốc độ độ xác cao hơn, đặt móng cho việc liên lạc sau Hiện này, theo dòng thời gian ta thực gọi cách vòng Trát Đất dễ dàng Tuy nhiên nhu cầu lại đc nâng lên tầm cao mới, người muốn quan sát theo dõi sống ngày người mà họ yêu thương qua video trực tiếp , để thấu hiểu đối phương Từ đó, việc phát triển ứng dụng cho phép thực gọi video vấn đề quan tâm Và để đáp ứng đươc nhu cầu người người hay cịn gọi thị trường, để phục vụ cho trình học tập cụ thể Đồ án Cơ sở 4, định nghiên cứu phát triển ứng dụng – mô hình người thoải mái liên lạc với , mang lại niềm vui hạnh phúc Ở đây, nghiên cứu WebRTC, web API phát triển World Wide Web Consortium, khả hỗ trợ trình duyệt giao tiếp với thông qua VideoCall để tạo nên ứng dụng cho phép thực gọi video 1.2 Phương pháp, kết 1.2.1 Phương pháp Tìm hiểu WEBRTC gì? Cách thức hoạt động Liên kết với ngơn ngữ lập trình di động Chuẩn bị môi trường làm làm việc bao gồm thiết bị cần thiết để phục vụ cho việc lập trình động Lên kế hoạch làm việc cho giai đoạn làm việc để đảm bảo tiến độ dự án 1.2.2 Kết Đối với ứng dụng thiết bị di dộng giao diện môt phần quan trọng không thua chức kết đề tài lần bào gồm: - Giao diện thân thiện,thuận tiện, sẵn sàng tương tác hỗ trợ người dùng ứng dụng – hệ thống gặp vấn đề Đảm bào khả VideoCall sẵn sàng hoạt động 1.3 Cấu trúc đồ án - - Tìm hiểu so sanh hai phương pháp WebRTC EasyRTC Hạn chế lợi ích phương pháp Tìm hiểu OpenTok SDK Android Phân tích thiết kệ hệ thống triển khai: o Nói rõ đến cách thức hoạt động phương pháp chọn o Xây dựng mơ hình hoạt động ứng dụng o Tiến hành lập trình ứng dụng Kết luận hướng phát triển: o Tổng kết đạt qua trình xây dựng ứng dụng o Nêu hạn chế tồn chưa giải o Định hướng phát triển, khắc phục hạn chế tồn nêu trước - Chương Nghiên cứu tổng quan 2.1 Các phương pháp 2.1.1 Web Real-Time Communications Sơ lượt lịch sử WebRTC Ý tưởng phát triển WebRTC nhóm kỹ sư chịu trách nhiệm cho Google Hangouts đưa từ tận năm 2009 Vào thời gian đó, để truyền tải video, hình ảnh web người ta thường phải xài đến Flash Nhóm kỹ sơ Hangouts lại khơng muốn sử dụng công nghệ này, họ bắt đầu tự làm chuẩn riêng cho Đến năm 2010, Google thâu tóm hai cơng ty On2 Global IP Solutions (GIPS) để lấy công nghệ truyền liệu thời gian thực làm tảng cho WebRTC sau Vào tháng 5/2011, Google mắt dự án nguồn mở dành cho việc giao tiếp thời gian thực trình duyệt với nhau, từ lúc dự án mang tên WebRTC Song song đó, Hiệp hội World Wide Web (W3C) Hiệp hội Kĩ sư quốc tế (IETF) phát triển số giao thức để dùng cho việc việc kết nối thời gian thực, nên họ bắt tay tiếp tục hoàn thiện để định kết hợp chung vào WebRTC Đến 27/10/2011, W3C mắt nháp WebRTC Tháng 11/2011, Chrome 23 mắt, trở thành trình duyệt có tích hợp WebRTC từ bên Và tính đến thời mà viết WebRTC cịn tiếp tục phát triển chưa hoàn thiện cách thức WebRTC gì? 10 Hinh1 1: Hoạt động WebRTC WebRTC viết tắt cụm từ Web Real-Time Communication Là web API phát triển World Wide Web Consortium (W3C), khả hỗ trợ trình duyệt (browser) giao tiếp với thông qua VideoCall, VoiceCall hay transfer data Peer-to-Peer (P2P) mà không cần browser phải cài thêm plugins hay phần mềm hỗ trợ từ bên WebRTC đời từ năm 2011, sau đời đạt khả tương tác trình duyệt Chrome FireFox vào năm 2013 để triển khai hỗ trợ cho điện thoại di động Android, WebRTC ngày thu hút ý hứa hẹn thị trường ngày phát triển Ngồi theo dự đốn Apple Microsoft kết hợp WebRTC trình duyệt họ có tỷ thiết bị hỗ trợ WebRTC năm 2020 Với tốc độ tăng trưởng mạnh mẽ việc kiểm tra để có chiến lược cho ứng dụng WebRTC hiệu cần thiết Các thành phần WebRTC chức WebRTC API ? Các phần WebRTC bao gồm: - getUserMedia, cho phép trình duyệt web truy cập vào camera và/hoặc microphone để lấy liệu hình ảnh âm cho việc truyền tải - RTCPeerConnection dùng để cài đặt videocall/voicecall dùng cho việc truyền tải - RTCDataChannel cho phép trình duyệt chia sẻ liệu peer-to-peer WebRTC API bao gồm chức năng: getStats cho phép ứng dụng web lấy tập hợp số liệu thống kê session WebRTC 11 2.1.2 EasyRTC OpenSource EasyRTC khung xây dựng dựa WebRTC, tiêu chuẩn W3C / IETF để giao tiếp thời gian thực âm thanh, video liệu trình duyệt web WebRTC hỗ trợ chuyển âm thanh, video liệu sở ngang hàng đặt tải lên máy chủ hỗ trợ Khung EasyRTC bao gồm thư viện JavaScript phía máy khách trình duyệt máy chủ JavaScript phụ trợ xây dựng đỉnh node.js Bởi thư viện WebRTC tích hợp vào trình duyệt, khơng cần trình cắm trình duyệt Trình duyệt Chrome Google có hỗ trợ rộng cho API WebRTC Opera sử dụng cơng cụ với Chrome bắt chước hành vi Firefox cung cấp hỗ trợ tuyệt vời cho truyền thông liệu hỗ trợ cho trị chuyện video (nó thiếu khả đặt độ phân giải camera, lập trình cho phép chia sẻ hình thu thập số liệu thống kê) WebRTC có tiềm chuẩn hóa hồn tồn để hỗ trợ trị chuyện hội thảo âm video, trò chơi nhiều người chơi nhiều ứng dụng dựa âm thanh, video liệu khác Như thường thấy với phần mềm, với sức mạnh kèm phức tạp WebRTC có lộ trình học tập có khả cản trở việc sử dụng nhà phát triển web Để che giấu phức tạp đó, Priologic xây dựng khung EasyRTC Một ứng dụng WebRTC thường cần thực hầu hết bước sau - Truy cập vào camera micrô cục dạng "luồng phương tiện" Tải FULL (30 trang): https://bit.ly/3fQM1u2 Dự phòng: fb.com/KhoTaiLieuAZ - Thiết lập kết nối đến máy chủ báo hiệu - Bắt đầu gọi đến người trình duyệt khác - Kết nối luồng phương tiện với thẻ video Sử dụng khung EasyRTC, số bước số thu gọn thành gọi, đơn giản hóa nhiều cơng việc nhà phát triển, đặc biệt nhà phát triển web cố gắng hỗ trợ nhiều tảng Thành phần EasyRTC OpenSource : - Một thư viện trình duyệt máy khách viết JavaScript Ứng dụng khách xử lý tín hiệu mức độ lớn cách ly ứng dụng khỏi thay đổi diễn api WebRTC 12 - Một máy chủ báo hiệu dựa Node.js Node.js chạy tảng nhỏ Raspberry Pi lõi đơn (phiên đầu tiên) cho máy chủ đám mây Cùng với nhau, hai thành phần cho phép bạn viết ứng dụng hội nghị video đơn giản ứng dụng chia sẻ tệp, v.v vài dòng mã đơn giản 2.2 Hạn chế, tồn phương pháp 2.2.1 Web Real-Time Communications Như thường thấy với phần mềm, với sức mạnh kèm phức tạp WebRTC có lộ trình học tập có khả cản trở việc sử dụng nhà phát triển web Để che giấu phức tạp đó, Priologic xây dựng khung EasyRTC Một ứng dụng WebRTC thường cần thực hầu hết bước sau - Truy cập vào camera micrô cục dạng "luồng phương tiện" - Thiết lập kết nối đến máy chủ báo hiệu - Bắt đầu gọi đến người trình duyệt khác - Kết nối luồng phương tiện với thẻ video 2.2.2 EasyRTC OpenSource Hiện tại, máy chủ EasyRTC chạy cá thể Node.js Điều có nghĩa bị giới hạn số lượng nhớ số lượng cổng mà đối tượng node.js có quyền truy cập Nó gửi nhận tin nhắn nhanh Số lượng khách hàng mà hỗ trợ dao động từ hàng trăm đến hàng nghìn, tùy thuộc vào nhu cầu ứng dụng bạn đặt máy chủ Điều có nghĩa máy chủ EasyRTC không mạnh bạn muốn cho hệ thống sản xuất Nếu máy chủ chạy trình máy chủ ngừng hoạt động, dịch vụ thất bại 2.3 Kết luận Web Real-Time Communications Là tập hợp hàm lập trình EasyRTC OpenSource Một khung xây dựng dựa WebRTC Khơng cần đăng kí tài khoản Một máy chủ báo hiệu dựa Node.js Còn dùng để phát triển game chơi Một thư viện trình duyệt máy khách 13 6850016 ... nẵng, tháng năm 2020 ĐẠI HỌC ĐÀ NẴNG KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG ĐỒ ÁN CƠ SỞ Tìm hiểu ứng dụng Webrtc để tạo ứng dụng Video Call Đà Nẵng, tháng năm 2020 MỞ ĐẦU Ngày nay, giới thơng minh... thương qua video trực tiếp , để thấu hiểu đối phương Từ đó, việc phát triển ứng dụng cho phép thực gọi video vấn đề quan tâm Và để đáp ứng đươc nhu cầu người người hay cịn gọi thị trường, để phục... khả hỗ trợ trình duyệt giao tiếp với thông qua VideoCall để tạo nên ứng dụng cho phép thực gọi video 1.2 Phương pháp, kết 1.2.1 Phương pháp Tìm hiểu WEBRTC gì? Cách thức hoạt động Liên kết với ngơn