


The main part code of the imitation Kugou HTML5 mobile music player_html5 tutorial skills
May 16, 2016 pm 03:49 PMHTML5 works, after testing, the effect is confirmed to be good. Unfortunately, it only supports webkit-based browsers such as Google and Apple. When netizens experience it, please use Google and other browsers to run it, otherwise you will not be able to see the effect. I won’t go into details. Let’s see the effect
The main part of the code is as follows:
function ZzxMusic(){
var aa={};
//Module settings
var setting = {
newSong:{'target':'newSong', 'type':'1','firstCount':6,'Count':5},
songCharts:{'target':'newSong','type':'1','firstCount':2,' Count':4},
singer:{'target':'newSong','type':'1','firstCount':8,'Count':7},
radioStation:{'target' :'newSong','type':'1','firstCount':9,'Count':2}
};
//Default loaded module
aa.newSong = new Zzx(setting. newSong);
//Module initialization
$(".menu_tagList").children("li").bind('click',function(){
for(var i in setting){
if($(this).attr("id")==i){
if(typeof aa[i]==='undefined'){
aa[i] = new Zzx(setting [i]);
}else{
aa[i].init();
}
}
}
$(".menu_hover").removeClass("menu_hover ");
$(this).addClass("menu_hover");
})
}
//Instantiate the console
var myControl = new Control({
audio : document.getElementById("myMusic"), //Player
playModeNode: $("#modeButton"), //Mode selection button
playBtn: $("#playButton"), //Master button
playTitle : $("#musicTitle"), //Song TITLE container
singerHead : $("#singerHead"), //Song illustration container
progressWrap : $("#progressWrap"), / /Song progress bar container
progress : $("#progress"), //Song progress bar
oWinObj : $("#oWindow"), //Alert window container
allTimeNode : $("# totleTime"), //Current time container
currentTimeNode: $("#currentTime") //Current time container
});
ZzxMusic();
Original text www.jq-school.com

Hot AI Tools

Undress AI Tool
Undress images for free

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Clothoff.io
AI clothes remover

Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article

Hot Tools

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

Hot Topics

For as long as I can remember, I have had a pair of large floor-standing speakers at home. I have always believed that a TV can only be called a TV if it is equipped with a complete sound system. But when I first started working, I couldn’t afford professional home audio. After inquiring and understanding the product positioning, I found that the sound bar category is very suitable for me. It meets my needs in terms of sound quality, size and price. Therefore, I decided to go with the soundbar. After careful selection, I selected this panoramic soundbar product launched by Bose in early 2024: Bose home entertainment speaker Ultra. (Photo source: Photographed by Lei Technology) Generally speaking, if we want to experience the "original" Dolby Atmos effect, we need to install a measured and calibrated surround sound + ceiling at home.

Is the VLC Chromecast feature not working on your Windows PC? This issue may be caused by compatibility issues between your Chromecast device and VLC’s casting feature. In this article, we will tell you what you can do in this situation and what to do if VLC renderer cannot find your Chromecast. How to use ChromecastVLC on Windows? To use VLC to cast videos from Windows to Chromecast, follow these steps: Open the media player app and go to the play menu. Navigate to the Renderer option and you will be able to see the Chromecast device detected

One Kugou VIP account can log in to five mobile phones. Detailed introduction: Common to Android and Apple; the same account can only support up to two devices at the same time in the same time period. When logging in to the third device, the first device will automatically go offline; that is, up to five devices can be used at the same time. For personal use, only two people can be online at the same time.

Audacity is a free and open source cross-platform audio editing software. It has an open code and plug-in contribution mechanism, and anyone can participate. In addition, Intel offers a free set of OpenVINOAI plug-ins designed for music editors and podcast producers. This website noticed that the plug-in package is about 2GB in size and can be downloaded on Intel's GitHub page. It also requires the 64-bit Windows version of Audacity to run. The most intuitive thing about this AI plug-in is that it brings three advanced tools to the Audacity music editing function: The first is the "music generation" function. Users can use text to describe the music they want, and AI will generate music clips within 60 seconds to facilitate advertising. and film music

The October update version of Windows 10v1809 is heading towards the worst Windows upgrade in history without hesitation. Not only was it urgently withdrawn after its first official release, but it was still full of bugs after being rebuilt for a month, making people doubt Microsoft's quality control. Getting more and more worried. Now, it has one more bug on its list, and this time it’s Microsoft’s own media player, Windows Media Player. Recently, some netizens have reported that after installing the latest patch, Windows Media Player in Windows 10v1809 has an issue where the playback progress bar cannot be dragged. No solution has been found yet. Microsoft has confirmed a bug involving two patches for KB4

With the rise of short video platforms, Kuaishou has become the preferred platform for many people to record their lives and showcase their talents. When publishing your work, adding a suitable piece of music can make it more lively and interesting. So, how to add music to works published by Kuaishou? 1. How to add music to works published by Kuaishou? 1. First, open the Kuaishou APP, click the "+" sign at the bottom of the page, and select the "shoot" or "upload" button to start making short videos. On the editing page, click the "Music" button to enter the music selection interface. On this interface, you can choose music recommended by the system, or click the "My Music" button to import songs from your personal music library. 3. After selecting a piece of music you like, click the "OK" button, and the music will be added to your

Which tablet is suitable for musicians? The 12.9-inch speaker in Huawei’s iPad is a very good product. It comes with four speakers and the sound is excellent. Moreover, it belongs to the pro series, which is slightly better than other styles. Overall, ipad pro is a very good product. The speaker of this mini4 mobile phone is small and the effect is average. It cannot be used to play music externally, you still need to rely on headphones to enjoy music. Headphones with good sound quality will have a slightly better effect, but cheap headphones worth thirty or forty yuan cannot meet the requirements. What tablet should I use for electronic piano music? If you want to buy an iPad larger than 10 inches, I recommend using two applications, namely Henle and Piascore. Provided by Henle

How to add local music to Soda Music? You can add your favorite local music to Soda Music APP, but most friends don’t know how to add local music. Next is the graphic tutorial on how to add local music to Soda Music brought by the editor. , interested users come and take a look! Tutorial on using soda music. How to add local music to soda music. 1. First open the soda music APP and click on the [Music] function area at the bottom of the main page; 2. Then enter the play page and click the [three dots] icon in the lower right corner; 3. Finally Expand the function bar below and select the [Download] button to add it to local music.
