Làm thế nào để nhúng một máy nghe nhạc MP3 miễn phí vào trang web của bạn: 3 cách

Làm thế nào để nhúng một máy nghe nhạc MP3 miễn phí vào trang web của bạn: 3 cách

Nếu bạn muốn khách truy cập trang web của mình thưởng thức tệp MP3, một trong những cách dễ nhất để làm điều này là nhúng tệp đó vào trang. Với một máy nghe nhạc MP3 được nhúng, khách truy cập không cần trực tiếp tải xuống âm thanh hoặc sử dụng phần mềm bổ sung vì nó phát nội tuyến.





Chúng tôi sẽ trình bày chi tiết các phương pháp khác nhau mà bạn có thể sử dụng để nhúng MP3 vào trang web của mình, bao gồm cả việc sử dụng HTML5 và Google Drive.





1. Nhúng MP3 vào trang web của bạn bằng HTML5

Nếu bạn cảm thấy thoải mái khi chỉnh sửa mã trang web của mình, một trong những cách dễ nhất để nhúng tệp MP3 là sử dụng HTML5.





HTML5 Thẻ có thể xuất hiện cơ bản ngay từ cái nhìn đầu tiên, nhưng nó mạnh mẽ vì nó tương thích với tất cả các trình duyệt chính dành cho máy tính để bàn và thiết bị di động.

Để nhúng MP3 với HTML5, hãy sử dụng mã sau:



Your browser does not support the audio tag.

Đơn giản chỉ cần thay thế URL MP3 TẠI ĐÂY với tệp âm thanh đã tải lên của bạn. Đây không thể là một tệp được lưu trữ trên máy tính của bạn; nó phải có sẵn trực tuyến.

tại sao mức sử dụng đĩa của tôi luôn ở mức 100

Mã này sẽ đặt một trình phát âm thanh nhỏ trên trang, từ đó người dùng có thể phát, tạm dừng, lọc và điều chỉnh âm lượng. Đây là những gì nó trông giống như trên Firefox:





Mã này cũng bao gồm một thông báo sẽ hiển thị ở vị trí của trình phát đa phương tiện, trong trường hợp không chắc chắn là trình duyệt của người dùng không hỗ trợ trình phát.

Bạn có thể áp dụng các thuộc tính như tự chạyvòng , như vậy:





Your browser does not support the audio tag.

Hãy nhớ rằng hầu hết các trình duyệt sẽ không hỗ trợ tính năng tự động phát vì việc tự động ép âm thanh vào người dùng được coi là hành vi xấu.

Tùy chỉnh cơ bản có thể được áp dụng cho khối trình phát âm thanh thông qua CSS, như biên giớiđệm lót . Tuy nhiên, bạn sẽ cần sử dụng JavaScript để định kiểu chính xác trình phát sao cho nó nhất quán trên các trình duyệt.

Bạn có thể tìm thấy thêm thông tin về các thuộc tính và tùy chỉnh của trình phát âm thanh HTML5 trên Tài liệu Web MDN .

các trang web phát trực tuyến phim miễn phí mà không cần đăng ký

Có liên quan: Hiệu ứng HTML tuyệt vời mà bất kỳ ai cũng có thể thêm vào trang web của họ

2. Nhúng MP3 vào trang web của bạn bằng Google Drive

Google Drive là một nhà cung cấp lưu trữ đám mây tuyệt vời và miễn phí . Bạn có thể sử dụng nó để tải lên tệp MP3 của mình và tạo trình phát âm thanh.

Với MP3 được tải lên Google Drive:

  1. Kích chuột phải tệp và nhấp vào Nhận được liên kết .
  2. Thay đổi giới hạn trợ năng thành Bất cứ ai có liên kết .
  3. Cuối cùng, bấm vào Sao chép đường dẫn .

Điều này sẽ cung cấp cho bạn một URL tương tự như sau:

https://drive.google.com/file/d/123/view?usp=sharing

Thay thế view? usp = chia sẻ với xem trước , như vậy:

https://drive.google.com/file/d/123/preview

Sau đó, sử dụng một

Bạn có thể điều chỉnh, thêm vào hoặc xóa các thuộc tính (như khung hìnhchiều rộng ) khi cần thiết.

Thao tác này sẽ nhúng MP3 vào trang web của bạn bằng trình phát Google Drive. Người dùng có thể phát, chỉnh sửa và điều chỉnh âm lượng, giống như với trình phát HTML5. Đây là những gì nó trông giống như:

Sự khác biệt chính là sự hiện diện của một Bật ra cái nút. Thao tác này sẽ mở tệp MP3 trên Google Drive, nơi người dùng có thể thêm nhận xét, chia sẻ tệp và hơn thế nữa.

3. Nhúng MP3 vào trang web của bạn bằng CMS

Nếu bạn sử dụng hệ thống quản lý nội dung (CMS) cho trang web của mình, bạn vẫn có thể sử dụng các phương pháp trên. Điều đó nói rằng, bạn có thể không thấy thoải mái khi chỉnh sửa mã HTML.

làm thế nào để loại bỏ ngắt trang trong word

Bất kỳ CMS tốt nào cũng sẽ cho phép bạn thêm âm thanh vào trang web của mình một cách dễ dàng thông qua giao diện của nó. Ví dụ: trên WordPress, bạn chỉ cần thêm một khối , lựa chọn Âm thanh , và sau đó một trong hai Tải lên MP3, chọn nó từ Thư viện phương tiện , hoặc Chèn từ URL .

Cho dù bạn đang sử dụng Google Sites, ExpressionEngine hay một dịch vụ như Squarespace, quy trình thêm âm thanh sẽ hơi khác một chút, vì vậy hãy nhớ tham khảo tài liệu trợ giúp của công ty để được hướng dẫn đầy đủ.

Cho phép khách truy cập của bạn nghe nhạc MP3 một cách dễ dàng

Sử dụng bất kỳ phương pháp nào ở trên, khách truy cập trang web của bạn giờ đây sẽ có thể nghe các tệp MP3 thông qua trình phát đa phương tiện một cách dễ dàng.

Điều đó nói rằng, bạn không phải lúc nào cũng cần sử dụng các tệp MP3. Có nhiều định dạng âm thanh phổ biến khác, như WAV và FLAC, mà bạn có thể phát nội tuyến trên trang web của mình như nhau.

Đăng lại Đăng lại tiếng riu ríu E-mail 10 định dạng âm thanh phổ biến nhất: Bạn nên sử dụng định dạng nào?

Bạn biết về MP3, nhưng AAC, FLAC, OGG hoặc WMA thì sao? Tại sao có rất nhiều định dạng tệp âm thanh tồn tại và có định dạng âm thanh nào tốt nhất không?

Đọc tiếp
Chủ đề liên quan
  • Internet
  • Phát triển web
  • Công cụ quản trị trang web
  • HTML5
Giới thiệu về tác giả Joe Keeley(Đã xuất bản 652 bài báo)

Joe được sinh ra với bàn phím trên tay và ngay lập tức bắt đầu viết về công nghệ. Anh ấy có bằng Cử nhân (Hons) về Kinh doanh và hiện là một nhà văn tự do toàn thời gian, người thích làm cho công nghệ trở nên đơn giản cho mọi người.

Xem thêm từ Joe Keeley

Theo dõi bản tin của chúng tôi

Tham gia bản tin của chúng tôi để biết các mẹo công nghệ, đánh giá, sách điện tử miễn phí và các ưu đãi độc quyền!

Bấm vào đây để đăng ký