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

Shopify ra mắt trang web chính thức cho thị trường Việt Nam

Shopify là nền tảng thương mại điện tử cho phép dễ dàng tạo ra các trang web bán hàng online cho do doanh nghiệp...

Jeff Bezos sẽ rời vị trí CEO của Amazon

Theo một thông báo mới đây từ Amazon, Jeff Bezos, người sáng lập và là CEO của gã khổng lồ này trong gần 30...

Free Fire hợp tác cùng Sơn Tùng M-TP ra mắt dự án Skyler

Free Fire là tựa game bắn súng sinh tồn nổi tiếng bậc nhất trên nền tảng di động. Sau hơn 3 năm phát hành,...

Lấy một số ngẫu nhiên với Shopify Liquid

Shopify Liquid rất hạn chế nên đôi khi có những yêu cầu tưởng chừng đơn giản nhưng lại không biết code như thế nào....

Hướng dẫn tạo ảnh hoạt hình từ ảnh thật với ToonMe

Bạn có tò mò muốn biết bản thân mình sẽ như thế nào khi trong vai một nhân vật hoạt hình không? Không cần...

BẠN XEM CHƯA

Mở chế độ ẩn danh và thông thường trên cùng một cửa sổ trình duyệt Firefox

Firefox hỗ trợ người dùng lướt web ở chế độ ẩn danh. Mặc định là khi bật chế độ lướt web ẩn danh thì...

Hướng dẫn chụp ảnh màn hình Asus Memo HD7

Hôm rồi thấy trên mạng nhiều hình ảnh được chụp từ màn hình của tablet dòng Asus Memo HD7. Biết dòng android hỗ trợ...

Hướng dẫn tạo một trang web proxy đơn giản

Lâu quá không có một bài "múa rìu" về lập trình. Nay xin viết một bài hướng dẫn nhỏ để giúp bạn tạo ra...

Tại sao các cầu thủ khi ra sân thường dắt theo trẻ em?

Các đứa trẻ ấy được gọi là MASCOT (tạm dịch: linh vật, sứ giả). Nhưng mãi đến năm 2000, truyền thống dẫn trẻ em...

Google tuyên bố từ bỏ kinh doanh máy tính bảng

Ngày 21/06/2019 vừa qua, một phát ngôn viên của Google đã thông báo rằng công ty đã chính thức từ bỏ mảng kinh doanh...