Cách thêm tiện ích trình phát nhạc âm thanh trong WordPress

Tác giả sysadmin, T.Tư 17, 2023, 12:13:51 CHIỀU

« Chủ đề trước - Chủ đề tiếp »

0 Thành viên và 1 Khách đang xem chủ đề.

Cách thêm tiện ích trình phát nhạc âm thanh trong WordPress


Bạn có muốn thêm tiện ích trình phát nhạc âm thanh trong WordPress không?

Trình phát nhạc là một cách tuyệt vời để chia sẻ bài hát, podcast, cuộc phỏng vấn và các tệp âm thanh khác với khán giả của bạn. Điều này có thể giúp tạo ra trải nghiệm thú vị và hấp dẫn hơn trên trang web của bạn.

Trong bài viết này, chúng tôi sẽ chỉ cho bạn cách bạn có thể thêm trình phát nhạc âm thanh trong WordPress.

Tại sao lại thêm tiện ích trình phát nhạc âm thanh trong WordPress

Trình phát nhạc cho phép khách truy cập nghe âm thanh trực tiếp trên trang web WordPress của bạn.

Nếu bạn là một podcaster hoặc nhạc sĩ thì việc giới thiệu âm thanh trên trang web của riêng bạn có thể giúp khách truy cập và người hâm mộ cập nhật tác phẩm của bạn.

Nó cũng có thể khuyến khích mọi người truy cập trực tiếp vào trang web của bạn thay vì phát âm thanh của bạn trên các nền tảng khác. Khi những người này ở trên trang web của bạn, bạn có thể kiếm được nhiều tiền hơn bằng cách hiển thị quảng cáo trên blog WordPress của mình hoặc bán tệp âm thanh dưới dạng bản tải xuống kỹ thuật số.

Ngay cả khi bạn không tạo bất kỳ âm thanh gốc nào, nhúng nội dung từ các nền tảng của bên thứ ba như Spotify là một cách dễ dàng để tạo một trang web hấp dẫn hơn. Điều này có thể giữ khách truy cập trên trang web của bạn lâu hơn và làm cho trải nghiệm thú vị hơn.

Như đã nói, chúng ta hãy xem cách bạn có thể thêm trình phát nhạc âm thanh trong WordPress. Chỉ cần sử dụng các liên kết nhanh bên dưới để chuyển thẳng đến phương pháp bạn muốn sử dụng.

Phương pháp 1. Cách thêm tiện ích Trình phát nhạc âm thanh bằng Khối âm thanh (Dễ dàng)

Với phương pháp này, bạn có thể tạo một trình phát nhạc âm thanh đơn giản bằng cách sử dụng khối Âm thanh WordPress tích hợp sẵn. Bạn có thể sử dụng khối này để phát bất kỳ tệp.mp3,.m4a,.ogg hoặc.wav nào.

Trình phát âm thanh rất đơn giản so với hầu hết các plugin trình phát âm thanh. Nó có nút phát/tạm dừng, nút điều chỉnh âm lượng, nút tải xuống và nút để thay đổi tốc độ phát lại.


Khối Âm thanh tích hợp sẵn là một lựa chọn tốt nếu bạn muốn thêm một vài đoạn âm thanh ngắn vào trang web của mình và không cần bất kỳ tính năng nâng cao nào.

Nếu bạn nhúng nội dung từ nền tảng bên thứ ba được hỗ trợ, chẳng hạn như Spotify hoặc SoundCloud, thì khối Âm thanh sẽ hiển thị các điều khiển phát lại cho nền tảng đó. Nó cũng có thể hiển thị một số nội dung bổ sung từ nền tảng, chẳng hạn như tên nghệ sĩ và ảnh bìa.

Ví dụ: đây là khối Âm thanh có nội dung SoundCloud được nhúng.


Để thêm trình phát nhạc âm thanh đơn giản vào trang web WordPress của bạn, hãy mở bất kỳ trang hoặc bài đăng nào. Sau đó, nhấp vào biểu tượng +.

Trong cửa sổ bật lên xuất hiện, nhập 'Âm thanh' để tìm đúng khối. Sau đó, bạn có thể chỉ cần nhấp vào khối Âm thanh để thêm nó vào trang của mình.


Tại thời điểm này, bạn có thể thêm tệp âm thanh hoặc nhúng đoạn âm thanh từ nền tảng khác.

Lưu ý: Trong hầu hết các trường hợp, chúng tôi khuyên bạn nên lưu trữ tệp âm thanh và video của mình trên trang web của bên thứ ba vì nhiều lý do, bao gồm tối ưu hóa chất lượng và tiết kiệm băng thông. Đây là lý do tại sao bạn không bao giờ nên tải video lên WordPress.

Để thêm tệp âm thanh từ máy tính của bạn, hãy nhấp vào 'Tải lên' rồi chọn tệp bạn muốn sử dụng. Một tùy chọn khác là nhấp vào 'Thư viện phương tiện' và sau đó chọn một tệp từ thư viện phương tiện WordPress.


Nếu bạn tải lên bản âm thanh đầy đủ thì bạn có thể muốn cung cấp cho khách truy cập tùy chọn hỗ trợ công việc của bạn với tư cách là một nhạc sĩ hoặc podcaster bằng cách gửi cho bạn một khoản đóng góp. Để biết hướng dẫn từng bước, vui lòng xem hướng dẫn của chúng tôi về cách thêm nút quyên góp Stripe trong WordPress.

Thay vào đó, bạn có muốn nhúng âm thanh từ một nền tảng khác không?

Điều này tương tự như cách bạn nhúng video vào WordPress khi bạn chỉ cần dán URL của video YouTube và WordPress sẽ tự động nhúng video đó.

Chỉ cần lưu ý rằng hầu hết các nền tảng chỉ nhúng bản xem trước của tệp âm thanh đầy đủ. Chặn thậm chí có thể khuyến khích mọi người rời khỏi trang web của bạn và truy cập nền tảng của bên thứ ba để nghe toàn bộ âm thanh.

Trong hình ảnh sau đây, khối Âm thanh đang hướng khách truy cập đến trang web Spotify.


Nếu bạn là nhạc sĩ, điều này có thể làm tăng tiền bản quyền của bạn bằng cách khuyến khích khách truy cập phát nội dung của bạn trên các nền tảng khác. Tuy nhiên, nó cũng có thể khiến mọi người rời khỏi trang web của bạn và chuyển sang các nền tảng khác.

Để nhúng âm thanh từ nền tảng của bên thứ ba, hãy bắt đầu bằng cách nhấp vào 'Chèn từ URL'.

Thao tác này sẽ mở ra một thanh nhỏ 'Dán hoặc nhập URL'.


Bây giờ bạn có thể nhập URL của đoạn âm thanh mà bạn muốn nhúng vào blog WordPress của mình.

Thông thường, bạn chỉ cần truy cập bài hát hoặc âm thanh mà bạn muốn nhúng, sau đó mở cài đặt 'Chia sẻ' của nó.

Sau đó, bạn có thể sao chép URL được cung cấp.

Ví dụ: hãy xem cách bạn có thể nhúng bất kỳ bài hát Spotify nào trên trang web của mình. Để bắt đầu, hãy tìm bài hát hoặc danh sách phát mà bạn muốn thêm vào trang web WordPress của mình.

Sau đó, chỉ cần nhấp vào ba dấu chấm mà Spotify hiển thị bên cạnh danh sách phát hoặc bài hát.


Khi bạn đã hoàn thành việc đó, hãy nhấp vào Chia sẻ » Sao chép liên kết bài hát.

Để thêm âm thanh vào tiện ích trình phát nhạc, chỉ cần dán liên kết vào khối Âm thanh.


Trong ví dụ Spotify của chúng tôi, WordPress sẽ biến khối Âm thanh thành khối Spotify. Thay đổi này diễn ra tự động nên bạn không cần phải lo lắng.


Sau khi thêm tệp âm thanh, bạn có thể nhấp vào khối Âm thanh để xem bạn có thể định cấu hình cài đặt nào cho khối đó.

Cài đặt bạn thấy có thể khác nhau tùy thuộc vào việc bạn đã tải lên tệp âm thanh hay nhúng bản xem trước từ trang web của bên thứ ba. Ví dụ: bạn thường có thể đặt âm thanh thành tự động phát bằng cách nhấp vào nút chuyển đổi 'Tự động phát'.


Hầu hết các cài đặt này đều dễ hiểu, vì vậy bạn nên dành thời gian thử các cài đặt khác nhau để xem cài đặt nào hoạt động tốt nhất cho trang web của mình.

Khi hài lòng với cách thiết lập khối, bạn có thể cập nhật hoặc xuất bản trang.

Bây giờ nếu bạn truy cập trang trên trang web của mình, bạn sẽ thấy trình phát nhạc âm thanh trực tiếp. Bạn cũng có thể nghe âm thanh bằng các nút điều khiển phát lại của khối.

Phương pháp 2. Cách thêm tiện ích Trình phát nhạc âm thanh bằng plugin (Có thể tùy chỉnh thêm)

Khối âm thanh WordPress tích hợp là một cách nhanh chóng và dễ dàng để tạo một trình phát âm thanh đơn giản. Tuy nhiên, nó có giới hạn của nó, đặc biệt là khi tùy chỉnh trình phát và trải nghiệm phát lại.

Cũng không có vị trí trung tâm nào để bạn có thể quản lý trình phát âm thanh của mình. Điều này có nghĩa là bạn không thể sử dụng cùng một trình phát nhiều lần trên trang web của mình.

Nếu bạn muốn có nhiều tính năng nâng cao hơn và trình phát âm thanh có thể sử dụng lại, thì chúng tôi khuyên dùng Trình phát âm thanh Html5. Plugin này có thể phát bất kỳ tệp mp3,.wav hoặc.ogg nào.

Plugin chỉ có thể phát một tệp âm thanh cho mỗi trình phát. Tuy nhiên, bạn có thể tạo bao nhiêu trình phát âm thanh tùy thích để bạn vẫn có thể phát nhiều bản nhạc khác nhau trên trang web của mình.

Bạn thậm chí có thể thêm nhiều trình phát âm thanh vào cùng một trang.


Trước tiên, bạn cần cài đặt và kích hoạt plugin. Nếu bạn cần trợ giúp, vui lòng xem hướng dẫn của chúng tôi về cách cài đặt plugin WordPress.

Sau khi kích hoạt, bạn đã sẵn sàng xây dựng trình phát âm thanh đầu tiên của mình bằng cách truy cập Trình phát âm thanh Html5 » Trình phát âm thanh Html5.

Tại đây, hãy tiếp tục và nhấp vào nút 'Thêm Trình phát Âm thanh'.


Để bắt đầu, hãy nhập tên cho trình phát âm thanh vào trường hiển thị 'Thêm tiêu đề'.

Đây chỉ là để bạn tham khảo nên bạn có thể sử dụng bất kỳ tiêu đề nào bạn muốn.


Khi bạn đã hoàn thành việc đó, hãy cuộn đến phần 'Cấu hình trình phát'.

Tại đây, bạn có thể thêm tệp âm thanh vào trình phát bằng cách nhấp vào nút 'Thêm âm thanh'.


Giờ đây, bạn có thể chọn bất kỳ tệp âm thanh nào từ thư viện phương tiện hoặc tải tệp lên từ máy tính của mình.

Sau khi chọn tệp, bạn đã sẵn sàng tùy chỉnh trình phát âm thanh. Theo mặc định, khách truy cập chỉ cần nhấp vào nút Phát và âm thanh sẽ bắt đầu phát với âm lượng đã được tăng lên.

Đây là cách mà hầu hết khách truy cập mong đợi trình phát âm thanh hoạt động, vì vậy thông thường bạn sẽ muốn sử dụng các cài đặt mặc định này.

Ngoài ra còn có các tùy chọn để tắt âm thanh theo mặc định, tự động phát, lặp lại, v.v.

Sau khi bạn hài lòng với cách thiết lập trình phát, chỉ cần cuộn lên đầu màn hình và nhấp vào nút 'Lưu'.


Sau đó, bạn có thể thêm trình phát âm thanh vào trang web của mình bằng mã ngắn hoặc khối Trình phát âm thanh HTML5.

Khối là phương pháp dễ nhất. Tuy nhiên, nếu bạn muốn đặt trình phát bằng mã ngắn, thì bạn sẽ tìm thấy mã ở đầu màn hình.


Để biết thêm chi tiết về cách đặt mã ngắn, bạn có thể xem hướng dẫn của chúng tôi về cách thêm mã ngắn trong WordPress.

Để thêm trình phát nhạc âm thanh bằng cách sử dụng một khối, hãy mở bất kỳ trang hoặc bài đăng nào. Bây giờ bạn có thể nhấp vào nút +.

Trong cửa sổ bật lên xuất hiện, hãy nhập 'Trình phát âm thanh HTML5' để tìm đúng khối. Sau khi bạn nhấp vào khối 'Trình phát âm thanh HTML5 – Chèn', nó sẽ thêm khối đó vào trang của bạn.


Tiếp theo, hãy mở danh sách thả xuống hiển thị 'Chọn Trình phát' để xem danh sách tất cả các trình phát âm thanh mà bạn đã tạo.

Giờ đây, bạn có thể nhấp vào trình phát âm thanh để thêm nó vào trang hoặc bài đăng.


Trình chỉnh sửa trang WordPress không hiển thị trình phát âm thanh.

Tuy nhiên, nếu bạn nhấp vào nút Xem trước thì bạn sẽ có thể xem trình phát sẽ trông như thế nào đối với những người truy cập trang web của bạn. Bạn thậm chí có thể nghe âm thanh và kiểm tra các nút phát lại khác nhau.


Khi hài lòng với giao diện và chức năng của trình phát âm thanh, bạn có thể cập nhật hoặc xuất bản trang.

Bây giờ nếu bạn truy cập trang này trên trang web WordPress của mình, bạn sẽ thấy trình phát âm thanh trực tiếp.

Bạn có muốn thêm các bản âm thanh khác vào trang web của mình không? Sau đó, bạn chỉ cần làm theo quy trình được mô tả ở trên để tạo thêm trình phát âm thanh và thêm chúng vào trang web WordPress của mình.

Chúng tôi hy vọng bài viết này đã giúp bạn tìm hiểu cách thêm tiện ích trình phát âm thanh trong WordPress. Bạn cũng có thể xem qua hướng dẫn của chúng tôi về phần mềm thông báo đẩy web tốt nhất và cách tạo bản tin email.