Ứng dụng công nghệ nhận diện âm thanh vào nền tảng video trực tuyến

ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM Nguyễn Đắc Thiên Ngân - 18520109 ĐỒ ÁN ỨNG DỤNG CÔNG NGHỆ NHẬN DIỆN ÂM THANH VÀO NỀN TẢNG VIDEO TRỰC TUYẾN ONLINE VIDEO-SHARING PLATFORM INTEGRATED WITH MUSIC RECOGNITION GIẢNG VIÊN HƯỚNG DẪN Thạc sĩ: Trần Anh Dũng TP HỒ CHÍ MINH, 2021 THƠNG TIN HỘI ĐỒNG CHẤM KHĨA LUẬN TỐT NGHIỆP Hội đồng chấm khóa luận tốt nghiệp, thành lập theo Quyết định số …………………… ngày ………………… Hiệu trưởng Trường Đại học Công nghệ Thông tin ………………………………………… – Chủ tịch ………………………………………… – Thư ký ………………………………………… – Ủy viên ………………………………………… – Ủy viên ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH CỘNG HỊA XÃ HỘI CHỦ NGHĨA VIỆT NAM TRƯỜNG ĐẠI HỌC Độc Lập - Tự Do - Hạnh Phúc CÔNG NGHỆ THÔNG TIN TP HCM, ngày tháng năm 2021 NHẬN XÉT KHÓA LUẬN TỐT NGHIỆP (CỦA CÁN BỘ HƯỚNG DẪN) Tên khóa luận: Ứng dụng công nghệ nhận diện âm vào tảng video trực tuyến Nhóm sinh viên thực hiện: Cán hướng dẫn: NGUYỄN ThS Trần Anh Dũng ĐẮC 18520109 THIÊN NGÂN Đánh giá Khóa luận: Về báo cáo: Số trang Số chương Số bảng số liệu Số hình vẽ Số tài liệu tham khảo Sản phẩm Một số nhận xét hình thức báo cáo: Về nội dung nghiên cứu: Về chương trình ứng dụng: Về thái độ làm việc sinh viên: Đánh giá chung: Điểm sinh viên: NGUYỄN ĐẮC THIÊN NGÂN: ……… /10 Người nhận xét (Ký ghi rõ họ tên) Trần Anh Dũng ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH CỘNG HỊA XÃ HỘI CHỦ NGHĨA VIỆT NAM TRƯỜNG ĐẠI HỌC Độc Lập – Tự Do – Hạnh Phúc CÔNG NGHỆ THÔNG TIN TP HCM, ngày tháng năm 2021 NHẬN XÉT KHÓA LUẬN TỐT NGHIỆP (CỦA CÁN BỘ PHẢN BIỆN) Tên khóa luận: Ứng dụng cơng nghệ nhận diện âm vào tảng video trực tuyến Nhóm sinh viên thực hiện: Cán phản biện: NGUYỄN ThS Trần Anh Dũng ĐẮC THIÊN 18520109 NGÂN Đánh giá Khóa luận: Về báo cáo: Số trang Số chương Số bảng số liệu Số hình vẽ Số tài liệu tham khảo Sản phẩm Một số nhận xét hình thức báo cáo: Về nội dung nghiên cứu: Về chương trình ứng dụng: Về thái độ làm việc sinh viên: Đánh giá chung: Điểm sinh viên: NGUYỄN ĐẮC THIÊN NGÂN: ……… /10 Người nhận xét (Ký ghi rõ họ tên) LỜI CẢM ƠN Sau trình học tập rèn luyện khoa Công nghệ phần mềm trường Đại học Công nghệ Thông tin – ĐHQG TP.HCM chúng em trang bị kiến thức bản, kỹ thực tế để hồn thành Khóa luận tốt nghiệp Để hồn thành khóa luận này, chúng em xin gửi lời cảm ơn chân thành đến: Ban Giám hiệu trường Đại học Công nghệ Thông tin – ĐHQG TP.HCM tạo điều kiện sở vật chất với hệ thống thư viện đại, đa dạng loại sách, tài liệu thuận lợi cho việc tìm kiếm, nghiên cứu thông tin Chúng em xin gửi lời cảm ơn chân thành đến thầy Trần Anh Dũng tận tình giúp đỡ, định hướng cách tư cách làm việc khoa học Đó góp ý q báu khơng q trình thực luận văn mà hành trang tiếp bước cho chúng em trình học tập lập nghiệp sau Và cuối cùng, chúng em xin gửi lời cảm ơn đến gia đình, tất thầy cô khoa, bạn bè, tập thể lớp PMCL2018 người sẵn sàng sẻ chia giúp đỡ học tập sống Mong rằng, mãi gắn bó với Trong q trình làm khóa luận chúng em khơng tránh khỏi sai sót, chúng em kính mong nhận dẫn góp ý q thầy để khóa luận hồn thiện Chúng em xin chân thành cảm ơn Xin chúc điều tốt đẹp đồng hành người Thành phố Hồ Chí Minh, … tháng … năm 2021 Sinh viên NGUYỄN ĐẮC THIÊN NGÂN ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM TRƯỜNG ĐẠI HỌC Độc Lập - Tự Do - Hạnh Phúc CÔNG NGHỆ THÔNG TIN TP HCM, ngày… tháng … năm 2021 ĐỀ CƯƠNG CHI TIẾT TÊN ĐỀ TÀI: Ứng dụng ông nghệ nhận diện âm vào tảng video trực tuyến TÊN ĐỀ TÀI (TIẾNG ANH): Online video-sharing platform integrated with music recognition Cán hướng dẫn: ThS Trần Anh Dũng Thời gian thực hiện: Từ ngày 20/09/2021 đến ngày 20/12/2020 Sinh viên thực hiện: Nguyễn Đắc Thiên Ngân– 18520109 Nội dung đề tài  Mục tiêu đề tài 1.1 Bối cảnh chọn đề tài Trong năm gần đây, mạng xã hội khơng cịn khái niệm xa lạ với người già hay trẻ, người bận rộn hay người nhàn rỗi Khi người sử dụng điện thoại gia tăng, nhiều  ứng dụng giải trí điện thoại ngày mắt rộng rãi Việc giải trí xem video dần thói quen thiếu giới trẻ, hay thích cầm điện thoại lướt mạng xã hội Video chiếm phần lớn nội dung mà tìm thấy mạng xã hội Hơn nữa, với tốc độ gia tăng này, nhu cầu tăng nữa.  Ai có sáng tạo video với hỗ trợ tiện ích ứng dụng chỉnh sửa video Nhưng việc cho phép đăng tải video lên mạng xã hội, vấn đề vi phạm quyền âm nhạc ngày nghiêm trọng Do em lựa chọn đề tài để hướng đến việc giải vấn đề 1.2 Mục đích đề tài ● Nghiên cứu thuật tốn Audio Fingerprinting công nghệ liên quan đến nhận diện âm cách tối ưu để áp dụng công việc xét quyền nhạc sản phẩm video đăng tải ● Xây dựng phát triển ứng dụng web có tính thực tiễn cao giúp thỏa mãn người có nhu cầu chia sẻ video 1.3 Ý nghĩa đề tài Về ý nghĩa người dùng: ● Giúp việc đăng tải, chia sẻ video trở nên dễ dàng ● Giúp hạn chế việc sáng tạo nội dung video chưa có cho phép sử dụng quyền âm nhạc Về ý nghĩa cá nhân nhóm em: ● Đề tài tạo động lực giúp em tìm hiểu trau dồi kiến thức liên quan đến nhận diện âm ứng dụng kiến thức học vào việc xây dựng trang web chia sẻ video ● Việc xây dựng ứng dụng với công nghệ VueJS, NodeJS giúp tích lũy thêm kinh nghiệm cơng việc sau em 1.4 Nhiệm vụ đề tài Website chia sẻ video trực tuyến WatchOut: ● Đăng tải video (Có kiểm duyệt nhạc video) ● Tương tác: Thích / Khơng thích, Bình luận, Chia sẻ ● Quản lý video ● Tìm kiếm video ● Đăng ký / Đăng nhập / Đăng xuất ● Chỉnh sửa thông tin cá nhân Phạm vi nghiên cứu Website WatchOut xây dựng với: ● Front-end: VueJS ● Back-end: NodeJS Tìm hiểu thuật tốn cơng nghệ nhận diện âm ứng dụng vào việc xét quyền âm nhạc video Đối tượng nghiên cứu ● ● Các công nghệ xây dựng trang web: ● VueJS ● NodeJS ● Sqlite3 Các công nghệ nhận diện âm thanh: ● Phương pháp fingerprint phân tách âm ● Thư viện ACRCloud hỗ trợ việc nhận diện âm từ ghi âm ● Đối tượng người dùng: ● Người sáng tạo nội dung 4.4 Mô tả chi tiết giao diện 4.4.1 Giao diện đăng ký STT Tên thành phần Loại Mô tả thành phần Tên TextBox Nhập tên Họ TextBox Nhập họ Username TextBox Tên người dùng Tên đăng nhập TextBox Nhập tên đăng nhập Mật TextBox Nhập mật Đăng ký Button Đăng ký tài khoản chuyển sang hình trang chủ Đăng nhập Button Chuyển sang hình đăng nhập 4.4.2 Giao diện đăng nhập STT Tên thành phần Loại Mô tả thành phần Email TextBox Nhập email Mật TextBox Nhập mật Đăng nhập Button Đăng nhập người dùng vào hệ thống Đăng ký Button Chuyển sang hình đăng ký 4.4.3 Giao diện trang chủ STT Tên thành phần Loại Mơ tả thành phần Search Button Tìm kiếm người dùng Video Video Button Avatar Upload button / Nhấp vào video hiển thị video chi tiết Picture / Nhấp vào chuyển đến Button video có người dùng Button Nhấp vào chuyển sang hình đăng tải video 4.4.4 Giao diện xem viết STT Tên thành phần Loại Mô tả thành phần Nút like Button Nhấn like video Nút comment Button Nhấn nút comment chuyển trỏ bàn phím đến phần bình luận để người dùng tiện lợi nhập bình luận Khu vực bình luận Textbox Người dùng nhập bình luận tuỳ thích Nút Post Button Sau nhập bình luận người dùng nhấn nút Post để đăng tải bình luận 4.4.5 Giao diện quản lý video STT Tên thành phần Loại Mô tả thành phần Nút upload video Button Chuyển sang hình đăng tải video Nút chỉnh sửa Button Chuyển sang hình chỉnh sửa video Nút xố Textbox Hiển thị hình xác nhận xố video 4.4.6 Giao diện chỉnh sửa thông tin video STT Tên thành phần Loại Mô tả thành phần Title TextBox Nhập tựa đề video (Bắt buộc) Mô tả TextBox Mô tả video Nút Save Button Lưu chỉnh sửa Nút Reset Button Reset field nhập lại mặc định 4.4.7 Giao diện xoá video STT Tên thành phần Loại Mô tả thành phần Xác nhận xóa CheckBox Xác nhận chắn xố Nút Cancel Button Huỷ thao tác xóa trở hình videos Nút Delete Button Thực thao tác video 4.4.8 Giao diện đăng tải video Khi đăng tải video trải qua bước: - Chọn kéo thả video từ máy tính - Nhập thơng tin video - Đăng tải xem kết xét quyền 4.4.8.1 Giao diện chọn video từ máy tính STT Tên thành phần Loại Mô tả thành phần Drag video area Drag area Kéo thả video từ máy tính Sau kéo thả thành công chuyển qua bước 2 Browse files Text Button Nhấn để mở thư mục máy để chọn video Sau chọn video thành công tự động chuyển sang bước Back to videos Button Trở danh sách video thân 4.4.8.2 Giao diện điền thông tin video STT Tên thành phần Loại Mô tả thành phần Tựa đề video Textbox Nhập tựa đề video Mô tả video Textbox Nhập mô tả video Upload Button Nhấn đăng tải bắt đầu tải video lên hệ thống, sau thành công tự động chuyển sang bước Back Button Trở bước chọn lại video khác STT Tên thành phần Loại Mô tả thành phần Complete Button Hoàn thành bước đăng tải chuyển sang hình hiển thị videos đăng tải Back Button Trở bước xem thông tin nhập (Không upload nữa) 4.4.9 Giao diện quản lý người dùng STT Tên thành phần Loại Mô tả thành phần Ban Button Nhấn vào hiển thị hình xác nhận cấm người dùng 4.4.10 Giao diện cấm người dùng STT Tên thành phần Xác nhận cấm người Checkbox Xác nhận chắn muốn cấm dùng người dùng Ban User Loại Button Mô tả thành phần Thực thao tác cấm người dùng Cancel Button Huỷ thao tác cấm, quay trở danh sách người dùng Chương KẾT LUẬN, HƯỚNG PHÁT TRIỂN 5.1 Ưu điểm Những ưu điểm mà ứng dụng mang lại: - Hệ thống nhận diện âm tích hợp việc xử lý video giúp việc nhận diện âm xét quyền tiện lợi, dễ dàng - Giao diện Website trực quan, dễ dàng sử dụng đầy đủ thơng tin cần thiết - Hỗ trợ tính cho quản trị viên - Tương tác cập nhật real-time website server - Tìm hiểu áp dụng công nghệ vào hệ thống 5.2 Nhược điểm Ứng dụng cịn số hạn chế như: - Chưa tích hợp đăng ký bên thứ (Facebook, Gmail, ) - Chưa đủ tối ưu xử lý thao tác đăng tải video 5.3 Kết đạt 5.3.1 Về mặt nghiên cứu: - Nhóm có hội tìm hiểu thêm công nghệ nhận diện âm thuật tốn Audio Fingerprinting - Tìm hiểu áp dụng công nghệ phát triển Web phương pháp xây dựng project cách phù hợp 5.3.2 Về mặt sản phẩm: Các yêu cầu phi chức năng: - Giao diện trực quan, tiện lợi, dễ sử dụng - Màu sắc hài hoà bắt mắt 5.4 Hướng phát triển Nếu tiến độ công việc đạt mong đợi, mở rộng thêm tính đặc biệt như: ● Hỗ trợ thêm tính Video Editing thêm filter, text, stickers, ● Cung cấp thêm tính CC tự động cho phép custom phụ đề, hỗ trợ hiệu ứng đặc sắc tảng khác ● Tìm kiếm video giọng nói Ngồi web hồn thiện mở rộng thêm ứng dụng di động, sử dụng React Native hỗ trợ cross-platform thu hút thêm người dùng Android IOS TÀI LIỆU THAM KHẢO [1] “Giới thiệu AWS S3 – FLINTERS Developer’s Blog.” https://labs.flinters.vn/aws/gioi-thieu-ve-aws-s3/ (accessed Dec 24, 2021) [2] “How the Web Audio API is used for audio fingerprinting.” https://fingerprintjs.com/blog/audio-fingerprinting/ (accessed Dec 24, 2021) [3] “Audio Fingerprinting- Understanding the Concept, Process & Application - PathPartnerTech.” https://www.pathpartnertech.com/audio-fingerprinting-understanding-the-concept-p rocess-application/ (accessed Dec 24, 2021) [4] “Audio Fingerprinting - ACRCloud.” https://www.acrcloud.com/audio-fingerprinting/ (accessed Dec 24, 2021) [5] “How does Audio Fingerprinting work - Emysound.” https://emysound.com/blog/open-source/2020/06/12/how-audio-fingerprinting-work s.html (accessed Dec 24, 2021) [6] J Haitsma and T Kalker, “A Highly Robust Audio Fingerprinting System,” p [7] “A review of algorithms for audio fingerprinting | IEEE Conference Publication | IEEE Xplore.” https://ieeexplore.ieee.org/abstract/document/1203274 (accessed Dec 24, 2021) [8] “Xây dựng hệ thống tìm kiếm nhạc âm với Python Approximate Nearest Neighbors.” https://viblo.asia/p/xay-dung-he-thong-tim-kiem-nhac-bang-am-thanh-voi-python-v a-approximate-nearest-neighbors-924lJbXWlPM (accessed Dec 24, 2021) ... tốn cơng nghệ nhận diện âm ứng dụng vào việc xét quyền âm nhạc video Đối tượng nghiên cứu ● ● Các công nghệ xây dựng trang web: ● VueJS ● NodeJS ● Sqlite3 Các công nghệ nhận diện âm thanh: ●... – Hạnh Phúc CÔNG NGHỆ THÔNG TIN TP HCM, ngày tháng năm 2021 NHẬN XÉT KHÓA LUẬN TỐT NGHIỆP (CỦA CÁN BỘ PHẢN BIỆN) Tên khóa luận: Ứng dụng cơng nghệ nhận diện âm vào tảng video trực tuyến Nhóm sinh... - Hạnh Phúc CÔNG NGHỆ THÔNG TIN TP HCM, ngày… tháng … năm 2021 ĐỀ CƯƠNG CHI TIẾT TÊN ĐỀ TÀI: Ứng dụng ông nghệ nhận diện âm vào tảng video trực tuyến TÊN ĐỀ TÀI (TIẾNG ANH): Online video- sharing