Đồ án 1: Website Nghe Nhạc Trực Tuyến Hỗ Trợ Tìm Kiếm Bằng Giọng Nói

Tổng quan đồ án website nghe nhạc trực tuyến tích hợp tính năng tìm kiếm bài hát bằng giọng nói, trình bày chi tiết quy trình, công nghệ và kết quả.

• Tác giả: Nguyễn Khoa Quân
• Người hướng dẫn: TS. Đỗ Thị Thanh Tuyền
• Trường học: Trường Đại Học Công Nghệ Thông Tin, Đại Học Quốc Gia Thành Phố Hồ Chí Minh
• Chuyên ngành: Công Nghệ Phần Mềm
• Đề tài: Xây Dựng Website Nghe Nhạc Trực Tuyến Hỗ Trợ Tìm Kiếm Bài Hát Bằng Giọng Nói
• Loại tài liệu: Đồ Án
• Năm xuất bản: 2024
• Địa điểm: Thành Phố Hồ Chí Minh

Tóm tắt

I. Giới Thiệu Về Đồ Án Web Nghe Nhạc Với Tìm Kiếm Giọng Nói

Đồ án web nghe nhạc là một sản phẩm công nghệ hiện đại được phát triển bởi sinh viên Trường Đại học Công nghệ Thông tin, Đại học Quốc gia TP. Hồ Chí Minh. Dự án này tập trung vào việc xây dựng một nền tảng nghe nhạc trực tuyến với tính năng tìm kiếm bằng giọng nói đột phá. Mục tiêu chính là cung cấp trải nghiệm người dùng tuyệt vời thông qua giao diện thân thiện và công nghệ tiên tiến. Tìm kiếm bài hát bằng giọng nói giúp người dùng dễ dàng tìm được bài hát yêu thích mà không cần gõ từ khóa phức tạp. Đây là một giải pháp thực tế cho nhu cầu nghe nhạc của thế hệ người dùng kỹ thuật số hiện đại.

1.1. Mục Đích Và Lý Do Chọn Đề Tài

Lý do chọn đề tài xuất phát từ nhu cầu thực tế của người dùng trong việc tìm kiếm âm nhạc. Tìm kiếm giọng nói là công nghệ tiêu biểu, giúp giảm tải cho người dùng. Đồ án hướng đến xây dựng một website nghe nhạc chuyên nghiệp, kết hợp công nghệ AI và xử lý âm thanh để tối ưu hóa trải nghiệm. Mục đích là tạo ra một ứng dụng thực tế có thể phục vụ cộng đồng yêu nhạc.

1.2. Đối Tượng Sử Dụng Và Phạm Vi Ứng Dụng

Đối tượng sử dụng chính là những người yêu thích nghe nhạc, đặc biệt là những người muốn trải nghiệm tính năng tìm kiếm bằng giọng nói tiện lợi. Phạm vi ứng dụng bao gồm tất cả các nền tảng web hiện đại, với khả năng mở rộng sang ứng dụng di động. Hệ thống được thiết kế để hỗ trợ đa ngôn ngữ, đặc biệt là tiếng Việt.

II. Công Nghệ Và Công Cụ Sử Dụng Trong Đồ Án

Đồ án web nghe nhạc được xây dựng trên nền tảng công nghệ hiện đại nhất. ReactJS được sử dụng để phát triển giao diện người dùng (Frontend) với hiệu suất cao và tương tác mượt mà. ExpressJS hoạt động như backend server, xử lý các yêu cầu từ client và quản lý dữ liệu. Firebase cung cấp dịch vụ xác thực người dùng, lưu trữ dữ liệu thời gian thực và quản lý cơ sở dữ liệu. Web Speech API tích hợp công nghệ nhận dạng giọng nói, cho phép người dùng tìm kiếm bài hát thông qua lệnh giọng nói. Ngoài ra, Jamendo API cung cấp thư viện nhạc lớn với chất lượng cao.

2.1. Frontend Development Với ReactJS Và Figma

ReactJS là thư viện JavaScript phổ biến nhất cho phát triển giao diện web. Nó cho phép xây dựng các component tái sử dụng, giúp mã nguồn sạch sẽ và dễ bảo trì. Figma được sử dụng để thiết kế giao diện (UI/UX) trước khi lập trình. Các designer tạo prototype chi tiết, đảm bảo trải nghiệm người dùng tuyệt vời từ khâu thiết kế.

2.2. Backend Database Và API Integration

ExpressJS xử lý tất cả các logic phía server, bao gồm tìm kiếm bài hát, xác thực người dùng, và quản lý danh sách phát. Firebase cung cấp dịch vụ đám mây, cho phép lưu trữ dữ liệu an toàn và truy cập thời gian thực. Jamendo API cấp dữ liệu âm nhạc, Cloudinary quản lý hình ảnh và tài nguyên đa phương tiện, Web Speech API xử lý giọng nói của người dùng.

III. Các Tính Năng Chính Của Ứng Dụng Web Nghe Nhạc

Website nghe nhạc này tích hợp nhiều tính năng hiện đại nhằm nâng cao trải nghiệm người dùng. Tính năng nổi bật nhất là tìm kiếm bài hát bằng giọng nói, cho phép người dùng nói tên bài hát hoặc artist mà không cần gõ. Hệ thống cũng cung cấp danh sách phát tùy chỉnh, nơi người dùng có thể tạo, chỉnh sửa và chia sẻ danh sách nhạc yêu thích. Chế độ hiển thị lời bài hát giúp người dùng theo dõi từng dòng nhạc. Tính năng đề xuất âm nhạc cá nhân hóa sử dụng thuật toán học máy để gợi ý bài hát phù hợp với sở thích của từng người dùng.

3.1. Tìm Kiếm Bằng Giọng Nói Tính Năng Chính

Tìm kiếm giọng nói là trái tim của ứng dụng này. Sử dụng Web Speech API, người dùng chỉ cần nhấn nút micro và nói tên bài hát hoặc ca sĩ. Hệ thống sẽ nhận diện và chuyển đổi âm thanh thành văn bản, sau đó tìm kiếm bài hát trong cơ sở dữ liệu Jamendo. Công nghệ này hoạt động ngoại tuyến, đảm bảo bảo mật thông tin người dùng.

3.2. Quản Lý Danh Sách Phát Và Đề Xuất Nhạc

Người dùng có thể tạo nhiều danh sách phát với tên tùy chỉnh, thêm/xóa bài hát dễ dàng. Mỗi danh sách có thể được chia sẻ với bạn bè. Hệ thống đề xuất âm nhạc dựa trên lịch sử nghe nhạc, đánh giá bài hát và sở thích của người dùng, mang lại trải nghiệm cá nhân hóa cao.

IV. Kết Quả Đạt Được Và Hướng Phát Triển Tương Lai

Đồ án web nghe nhạc đã hoàn thành toàn bộ các chức năng thiết kế, với giao diện thân thiện và hiệu năng tốt. Hệ thống thành công tích hợp tìm kiếm bằng giọng nói với độ chính xác cao, hỗ trợ tiếng Việt và tiếng Anh. Website nghe nhạc đã được triển khai và kiểm thử trên nhiều trình duyệt khác nhau. Mặc dù vậy, vẫn còn những hướng phát triển đáng kể như tối ưu hóa thuật toán gợi ý, mở rộng thư viện nhạc, và phát triển ứng dụng di động.

4.1. Những Kết Quả Và Thành Tựu Chính

Đồ án đã thực hiện thành công việc xây dựng nền tảng nghe nhạc hoàn chỉnh với tìm kiếm giọng nói hiệu quả. Giao diện được thiết kế chuyên nghiệp trên Figma, tối ưu hóa cho mọi kích thước màn hình. Hệ thống bảo mật được triển khai, bao gồm xác thực người dùng và mã hóa dữ liệu. Website nghe nhạc hỗ trợ đầy đủ các tính năng: phát nhạc, tạo danh sách, và tìm kiếm bài hát nhanh chóng.

4.2. Nhược Điểm Và Hướng Phát Triển Tiếp Theo

Hiện tại, ứng dụng chủ yếu hoạt động trên web. Hướng phát triển tương lai bao gồm phát triển ứng dụng di động (iOS/Android), tích hợp thanh toán trực tuyến, mở rộng thư viện nhạc, cải thiện thuật toán đề xuất nhạc, và hỗ trợ đa ngôn ngữ toàn cầu. Ngoài ra, tính năng cộng đồng cho phép người dùng chia sẻ danh sách phát và bình luận cũng cần phát triển.

Trích đoạn nội dung tài liệu

Chương 1 – Giới thiệu đề tài: Trình bày lí do chọn đề tài, mục đích, đối tượng, phạm vi nghiên cứu, phương pháp nghiên cứu và công nghệ sử dụng của đồ án.  Chương 2 – Cơ sở lý thuyết: Trình bày một số website được dùng để tham khảo để xây dựng ứng dụng, các vấn đề mà ứng dụng cần giải quyết cũng như tìm hiểu sơ lược về các công nghệ được sử dụng trong đề tài  Chương 3 – Phân tích, thiết kế hệ thống: Trình bày các sơ đồ hệ thống của đề tài, bao gồm sơ đồ lớp, sơ đồ use-case và sơ đồ tuần tự.  Chương 4 – Xây dựng ứng dụng: Trình bày các môi trường cài đặt và yêu cầu cần thiết để xây dựng website. Đồng thời hiển thị các thiết kế giao diện của ứng dụng đang được xây dựng.

 Kết luận: Tổng kết lại những vấn đề đã giải quyết trong đề tài và hướng phát triển của sản phẩm trong tương lai. GIỚI THIỆU ĐỀ TÀI Chương này cung cấp cái nhìn tổng quan về đề tài "Xây dựng website nghe nhạc trực tuyến hỗ trợ tìm kiếm bài hát bằng giọng nói". Nội dung bao gồm:  Lý do chọn đề tài  Mục đích nghiên cứu  Đối tượng và phạm vi nghiên cứu  Phương pháp nghiên cứu Đây là nền tảng để định hướng quá trình triển khai, đảm bảo tính logic và hiệu quả cho các chương tiếp theo của đồ án. Tên đề tài Tên tiếng Việt: XÂY DỰNG WEBSITE NGHE NHẠC TRỰC TUYẾN HỖ TRỢ TÌM KIẾM BÀI HÁT BẰNG GIỌNG NÓI.

Tên tiếng Anh: BUILDING AN ONLINE MUSIC WEBSITE SUPPORTING SONG SEARCH BY VOICE. Lý do chọn đề tài Nhịp sống của xã hội hiện đại đang trở nên ngày càng nhanh. Và ở đó, con người ngày càng phải đối mặt với sự căng thẳng đến từ nhiều phía: học tập, công việc, tình cảm, các mối quan hệ xã hội… khiến con người ta trở nên mệt mỏi và kiệt quệ. Vì thế, sau khoảng thời gian phải đương đầu với cuộc sống xô bồ đó, con người cần tìm đến một cái gì đó để có thể giải trí và thư giãn, giúp họ giải tỏa những cảm xúc tiêu cực tích tụ sau một ngày dài.

Và âm nhạc hiển nhiên là một lựa chọn được đông đảo mọi người nhất trí. Âm nhạc có thể phản ánh trí tuệ, tư tưởng, cũng như tác động mạnh mẽ và sâu sắc đến cảm xúc của con người. Giúp thư giãn, giảm căng thẳng hay rộng hơn là mang tính kết nối về mặt cảm xúc và cả mặt cộng đồng, nó mang trong mình một khả năng kết nối quần chúng mạnh mẽ. Vì thế, nhằm mục tiêu tạo ra một không gian cho người 3 dùng trực tuyến có thể kết nối với những bài hát mà mình yêu thích, nhóm chúng em đã chọn đề tài “Xây dựng Website nghe nhạc trực tuyến hỗ trợ tìm kiếm bài hát bằng giọng nói”.

Với đề tài trên, người dùng có thể thông qua tính năng sử dụng giọng nói để tìm kiếm bài hát mà mình mong muốn bằng cách đọc tên bài hát họ muốn nghe hay ngân nga một giai điệu quen thuộc trong trí nhớ, phòng khi họ chẳng cách nào nhớ được tên chúng. Tổng kết lại, đề tài trên sẽ tối ưu hóa trải nghiệm người dùng thông qua việc đáp ứng các yêu cầu cơ bản cho một website nghe nhạc, cung cấp những tiện ích trong việc tìm kiếm bài hát qua giọng nói song song với hệ thống đề xuất bài hát nổi bật cho người dùng. Mục đích đề tài 1. Khách quan.

- Xây dựng website nghe nhạc trực tuyến: Đề tài tập trung vào việc xây dựng một nền tảng nghe nhạc trực tuyến có giao diện thân thiện với người dùng, dễ sử dụng. - Tích hợp chức năng tìm kiếm bằng giọng nói: Sử dụng công nghệ nhận diện giọng nói để hổ trợ người dùng tìm kiếm bài hát thông qua việc sử dụng giọng nói. - Cải thiện hiệu suất tìm kiếm: Đảm bảo tính chính xác và tốc độ xử lý khi tích hợp khả năng tìm kiếm bằng giọng nói, giúp người dùng dễ dàng tìm kiếm bài hát một cách nhanh chóng. Chủ quan - Cải thiện trải nghiệm người dùng: Mục tiêu chính là mang lại trải nghiệm nghe nhạc trực tuyến thân thiện, giúp tiết kiệm thời gian và thao tác cho cộng đồng nghe nhạc.

4 - Đóng góp vào lĩnh vực phát triển website nghe nhạc thông minh: Mở rộng nghiên cứu và ứng dụng công nghệ thông minh trong các sản phẩm nghe nhạc trực tuyến. Đối tượng nghiên cứu 1. Các công nghệ nghiên cứu - Đối với thiết kế hệ thống: Client – server, sử dụng Firebase Admin SDK để kết nối website với database. - Đối với Database: Firebase, Jamendo API.

- Đối với Website: NodeJs, ReactJS, Npm. - Đối với server: Node. Đối tượng sử dụng đề tài hướng đến Đối tượng hướng đến của đề tài là cộng đồng những người yêu âm nhạc nói chung, ở mọi lứa tuổi, thuộc mọi ngành nghề, từ những người không rành về công nghệ, đến những người có hướng thú với công nghệ hiện đại, miễn là có thiết bị thích hợp và có internet, đều có thể trở thành người dùng của website. Nhìn chung, đối tượng sử dụng đề tài khá rộng, bao gồm tất cả những người có nhu cầu nghe nhạc trực tuyến và muốn sử dụng công nghệ để tối ưu hóa trải nghiệm giải trí của mình.

Phạm vi nghiên cứu Đề tài được xây dựng dựa trên phạm vi người dùng trực tuyến. Bất kì người dùng trực tuyến nào đã đăng kí tài khoản đều có thể thực hiện được các thao tác. Phạm vi môi trường Đề tài được thực hiện trên phạm vi website trực tuyến. Phạm vi chức năng: Đối với công cụ tìm kiếm bằng giọng nói: 5 - Có khả năng tìm kiếm bài hát thông qua tên bài hát.

- Có khả năng nhận biết âm thanh, tìm kiếm được bài hát thông qua một đoạn lời bài hát. Đối với website: - Chức năng tạo tài khoản người dùng. - Chức năng nghe, tải nhạc. - Chức năng tìm kiếm bài hát thông qua keyword và giọng nói.

- Chức năng tạo danh sách phát phát các bài hát của nghệ sĩ. - Chức năng bình luận và đánh giá bài hát. - Chức năng tạo và quản lý danh sách phát cá nhân. - Chức năng đề xuất bài hát.

- Chức năng quản lý hồ sơ của người dùng. - Chức năng báo cáo lỗi thông qua email. Phương pháp nghiên cứu - Phân tích các giải pháp của các ứng dụng tương tự trên thị trường. - Phân tích các bảng xếp hạng âm nhạc lớn của thể giới và trong nước.

- Phân tích xu hướng người nghe hiện nay. - Tìm hiểu về các trí tuệ nhân tạo phù hợp với chức năng sản phẩm. - Tìm hiểu và phân tích các phương pháp đề xuất âm nhạc. CƠ SỞ LÝ THUYẾT Chương này trình bày nền tảng lý thuyết làm cơ sở cho việc xây dựng ứng dụng.

Nội dung bao gồm:  Tham khảo các website tương tự  Phân tích các vấn đề mà ứng dụng cần giải quyết  Tổng quan về các công nghệ được sử dụng trong đề tài. Những thông tin này giúp định hướng và đảm bảo tính khả thi cho quá trình phát triển ứng dụng. Phân tích các nghiên cứu đã có trên thị trường 2. Spotify Hình CƠ SỞ LÝ THUYẾT.1: Logo Spotify Spotify là một dịch vụ phát nhạc trực tuyến hàng đầu thế giới, ra mắt vào năm 2008 tại Thụy Điển.

Nền tảng này cung cấp hàng triệu bài hát, podcast và sách nói từ nhiều thể loại và nghệ sĩ khác nhau. Người dùng có thể nghe nhạc miễn phí với quảng cáo hoặc sử dụng gói trả phí để trải nghiệm không quảng cáo, tải nhạc offline, và chất lượng âm thanh cao. Spotify nổi bật với khả năng cá nhân hóa danh sách phát, đề xuất bài hát dựa trên sở thích nghe nhạc, và tính năng kết nối cộng đồng. Zing MP3 Hình CƠ SỞ LÝ THUYẾT.2: Logo ZingMP3 Zing MP3 là một ứng dụng nghe nhạc trực tuyến phổ biến tại Việt Nam, thuộc sở hữu của VNG Corporation.

Ra mắt vào năm 2007, Zing MP3 tập trung vào việc cung cấp các bài hát và album của nghệ sĩ Việt Nam, bên cạnh các bản nhạc quốc tế. Ứng dụng cho phép người dùng nghe nhạc miễn phí, tải nhạc về thiết bị và tạo danh sách phát cá nhân. Zing MP3 còn hỗ trợ các tính năng như nghe offline, xem MV, và hiển thị lời bài hát, đặc biệt phù hợp với thị hiếu của người dùng Việt Nam. Các vấn đề được tập trung giải quyết trong đồ án 2.

Xây dựng cơ sở dữ liệu âm nhạc Tạo một kho âm nhạc đủ phong phú với nhiều thể loại và ngôn ngữ đòi hỏi sự quản lý về mặt bản quyền và nguồn dữ liệu. Không chỉ vậy, việc đảm bảo hệ thống quản lý cơ sở dữ liệu có thể mở rộng và đáp ứng nhu cầu truy cập lớn là một khó khăn lớn. Việc sử dụng âm nhạc cần phải tuân thủ luật bản quyền, đòi hỏi phải có giấy phép từ các nghệ sĩ và nhà sản xuất âm nhạc. Các dịch vụ như Spotify và Apple Music đã chi rất nhiều tiền để mua bản quyền, điều này có thể là rào cản lớn đối với dự án sinh viên.

Tích hợp tìm kiếm bằng giọng nói Tính năng tìm kiếm bằng giọng nói đòi hỏi phải xây dựng hệ thống nhận diện giọng nói (ASR - Automatic Speech Recognition) chính xác. Tuy nhiên, việc nhận 8 diện giọng nói sẽ gặp khó khăn nếu người dùng có giọng địa phương, phát âm không chuẩn, hoặc tiếng ồn xung quanh. Trải nghiệm người dùng (UX/UI) Đảm bảo website nghe nhạc trực tuyến có giao diện dễ sử dụng, trực quan và hấp dẫn là một yếu tố quan trọng. Một trải nghiệm không tốt có thể khiến người dùng nhanh chóng rời bỏ nền tảng.

Cần cân nhắc việc tối ưu hóa cho cả máy tính để bàn và di động, bởi hầu hết người dùng nghe nhạc trên thiết bị di động. Thiết kế phải đáp ứng nhu cầu thao tác nhanh gọn và mượt mà trên cả hai nền tảng. Đề xuất âm nhạc Một trong những tính năng quan trọng của các dịch vụ nghe nhạc lớn như Spotify hay Apple Music là khả năng cá nhân hóa và gợi ý nhạc theo sở thích người dùng. Điều này đòi hỏi phải có hệ thống phân tích hành vi và thói quen nghe nhạc của người dùng một cách chính xác.

Hạ tầng và hiệu suất website Website nghe nhạc trực tuyến phải xử lý lượng dữ liệu lớn, đòi hỏi hệ thống phải hoạt động mượt mà, không gặp tình trạng tải chậm hoặc ngừng phát nhạc khi có nhiều người truy cập cùng lúc. Điều này đòi hỏi một cơ sở hạ tầng mạnh mẽ, bao gồm máy chủ lưu trữ, hệ thống phân phối nội dung (CDN), và các giải pháp tối ưu hóa hiệu suất khác.