Trang chủ Thủ thuật Tạo ứng dụng nghe nhạc chạy liên tục trên website

Tạo ứng dụng nghe nhạc chạy liên tục trên website

Hôm rồi có nhận một dự án có yêu cầu tích hợp công cụ cho phép người dùng nghe nhạc liên tục trên trang web (tức là không bị gián đoạn khi chuyển trang qua lại trên trang web). Nghe đến đây chắc nhiều bạn sẽ nghĩ ngay đến việc sử dụng iFrame. Đúng là ta sẽ sử dụng iFrame tức là sẽ tạo ra một trang nền chứa công cụ chơi nhạc và nội dung chính trang web sẽ là iFrame. Nói thì dễ vậy nhưng không phải dễ làm đâu nhen. Đó là chưa kể nền tảng mình đang sử dụng không cho phép thực hiện thao tác đó. Vậy phải làm sao. Và mọi việc được giải quyết đơn giản khi mình tìm thấy trình chơi nhạc có tên  SCM Player.

Để sử dụng công cụ này bạn hãy truy cập vào trang web của nó theo địa chỉ: www.scmplayer.net. Sau đó lần lượt làm theo các bước thiết lập

Bước 1: Tùy chọn giao diện

scmplayer_1

Bước 2: Thêm nhạc

scmplayer_2

Bước 3: Thiết lập các thông số

scmplayer_3

Bước 4: Nhận mã chèn

scmplayer_4

Sau khi nhận mã bạn có thể chèn vào trang web và từ đây khi truy cập trang web sẽ có một công cụ nghe nhạc nằm ở trên đầu trang (hay chân trang tùy theo thông số bạn thiết lập ở bước 3). Nó sẽ chạy liên tục trên trang web của bạn.

SCM Player là một ứng dụng mã nguồn mở và bạn có thể tải mã nguồn tại: http://tinyurl.com/opa82g5.

Chúc các bạn thành công.

Huỳnh Mai Anh Kiệt

Huỳnh Mai Anh Kiệthttps://www.mangbinhdinh.vn
Anh là một người đam mê công nghệ. Hiện tại anh là một lập trình viên tại Quy Nhơn.

BÌNH LUẬN

Vui lòng nhập bình luận của bạn
Vui lòng nhập tên của bạn ở đây

- Advertisment -
Shopify

BÀI VIẾT MỚI

Dân Anh đốt cột phát sóng 5G vì nghi phát tán virus Corona

Ít nhất ba cột phát sóng 5G vừa bị đốt cháy vì có người tin rằng nó là nguồn phát tán virus corona. Theo BBC,...

Kiểm tra trình duyệt của khách có phải là Safari bằng PHP

Hôm rồi chợt nhận ra điều là Safari của Apple chưa hỗ trợ hiển thị ảnh WebP. Vậy là cái plugin Hura Apps Photos...

GitHub mua lại nền tảng npm

npm là đóng một phần quan trọng trong cộng đồng JavaScript. Cộng đồng npm trong 10 năm qua là sự đóng góp của hàng...

Youtube cho phép quảng cáo trên video có nội dung liên quan đến Covid-19

Trong một bài đăng trên blog, CEO Susan Wojcicki cho biết YouTube sẽ bắt đầu cho phép chạy quảng cáo trên các video thảo...

Kiểm tra khả năng bị lây nhiễm Covid-19 của bạn bằng trí tuệ nhân tạo

Trong bối cảnh Covid-19 đang lan rộng và khả năng lây nhiễm rất cao khi ta vô tình tiếp xúc với các người bị...

BẠN XEM CHƯA

Du lịch Quy Nhơn vào tháng 3 có gì hấp dẫn

Bình Định - Quy Nhơn, miền đất của nắng, gió và những bãi biển hoang sơ đang vào thời gian đẹp nhất trong năm. Tháng...

Dân Anh đốt cột phát sóng 5G vì nghi phát tán virus Corona

Ít nhất ba cột phát sóng 5G vừa bị đốt cháy vì có người tin rằng nó là nguồn phát tán virus corona. Theo BBC,...

Ẩn thanh điều khiển trên Windows Media Player

Nếu bạn thường xem phim hay mở các tập tin video bằng phần mềm Windows Media Player (WMP) có sẵn trong hệ điều hành...

Thư tình của chàng trai công nghệ

"Em không chỉ có giao diện đẹp mà còn có tư thế phòng vệ ActiveX thật dễ thương trước đám con trai lố nhố". Gửi...

Tạo lịch thật dễ dàng với Calme 2013

Chỉ còn hơn 1 tháng nữa đã bước sang năm mới. Bạn muốn tạo những mẫu lịch bằng chính hình ảnh của mình để...