Hongmu Notes
Home Summary of pitfalls Website optimization adds a music player
Summary of pitfalls

Website optimization adds a music player

Website optimization adds a music player

Plug-in effect: It is used to improve website users’ experience, such as Baidu ranking. If you install this plug-in, your website’s bounce rate may be reduced, which is naturally good for ranking. Everyone knows it.

I have nothing to do today and I found a music player website that only needs a piece of js code to let you play music. It is quite powerful. You just need to register on their website to get the js code.

So I installed it and played it for a while, and the results were pretty good, except that the main website was too stuck, and I kept having problems playing on my website!

I took a look and found that the mobile network has been blocked, which means mobile users cannot play it!

So I directly started to get the source code of a stand-alone machine!

No need to link to their main website!

Mainly using NetEase Cloud's API interface!

Source code features:

1. Compact and convenient

2. You only need a piece of js to add a music player to your website

3. Build it yourself, no need to look at other people’s faces

4. You can add multiple albums, no limit!

5. Real-time lyrics

6. There is no need for a website to store song files, and NetEase Cloud API is fully used.

Installation effect

You can install it and play with it. Just put the following js code in front of the website</body>


<script id="xplayer" src="https://api.4s5.cn/music/player.js" key="60744cf9be99a" m="1"></script>

If it cannot be loaded, please add the following code:


<script src="https://cdn.staticfile.org/jquery/3.5.1/jquery.min.js"></script>

Friends who are interested in the source code can contact me, 50 is paid, after all, the fruits of labor

微信赞赏

WeChat

支付宝赞赏

Alipay

✍️ Author: Hong Mu

webmaster · Thanks for reading, stay tuned for more exciting content

Author homepage View home page →

Related articles

Browser caching increases the speed of secondary visits to your website

Browser caching increases the speed of secondary visits to your website Summary of pitfalls

Use browser caching of official words: If users will visit your website multiple times, browser caching of static resources can save users time. Cache headers should be applied to all cacheable static resources, not just to a small subset of static resources (for example, images). Cacheable resources include JS and CSS files, image files, and other binary object files (media files, PDF files, etc.). Normally, HTML doesn’t…
👁 202

Recommended reading

(Adaptive Mobile Version) Advertising Agency Website Template – Brand Design Website Source Code Download: 0984

(Adaptive Mobile Version) Advertising Agency Website Template – Brand Design Website Source Code Download: 0984 Practical Collection pbootcms Template

A PbootCMS website template designed for advertising agencies and brand design firms, compatible with both PC and WAP devices. Its creative marketing-oriented design is ideal for advertising agencies to showcase their brand case studies and creative capabilities. This template helps advertising agencies attract brand clients online and expand their business. Template Preview | Installation Instructions | Website Backend: /admin.php | Username: admin | Password: admin | Extraction Password: www.4s5.cn | Related Articles...
👁 55
(Adaptive Mobile Version) Marketing Strategy Website Template – Download Ad Design Website Source Code – 0985

(Adaptive Mobile Version) Marketing Strategy Website Template – Download Ad Design Website Source Code – 0985 Practical Collection pbootcms Template

A PbootCMS website template designed for marketing strategy and advertising design, compatible with both PC and WAP devices. Its creative and visually appealing design makes it ideal for advertising agencies and marketing consulting firms to showcase their portfolio projects. This template helps creative agencies demonstrate their professional expertise online and attract brand clients. Template Preview | Installation Instructions | Website Backend: /admin.php | Username: admin | Password: admin | Extraction Password: www.4s5.cn | Related Articles...
👁 42
(PC + WAP) Exhibition & Trade Fair Website Template – With Video and Download Features – 0986

(PC + WAP) Exhibition & Trade Fair Website Template – With Video and Download Features – 0986 Practical Collection pbootcms Template

A PbootCMS website template designed for trade shows and exhibitions, compatible with both PC and WAP devices, featuring video and download capabilities. Its sophisticated and professional design makes it ideal for exhibition organizers to showcase event schedules, booth reservations, and service offerings. This template helps event organizers attract exhibitors and visitors online. Template Preview | Installation Instructions | Website Backend: /admin.php | Username: admin | Password: admin | Extraction Password: www.4s5.cn...
👁 44
Resource website typecho001 template

Resource website typecho001 template Program Notes Typecho

typecho001 template template please do not modify the folder name of this template. The folder name is: typecho001 1.4 Fix the js output problem on the article page 1.3 Fix the error prompt when the plug-in is not installed Optimize the list page code output 1.2 Fix the comment function and add a custom homepage title 1.1 Fix the comment reply asymmetry function Add a separate title setting function on the homepage Add the website favicon.ico icon Add one...
👁 198