Home > Developer > Web Develop
<! DOCTYPE html>JS file
<meta charset= "UTF-8" >
<title>Title</title>
<script src= "Http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js" >
</script>
<body>
<audio id= "Player" src= "Yanyuan.mp3" controls= "Controls" ></audio>
<div id= "Div" ></div>
<script src= "Main.js" ></script>
</body>
(function () {
var player=document.queryselector ("#player");
var div=document.queryselector ("#div");
var lrc=null;
function playing (lrcstring) {
var lrcobject = {};
var lines = lrcstring.split ("\ n");
var p =/\[(\d{2}):(\d{2}) \.\d{2}\] (. +)/;
for (var i = 0; i < lines.length; i++) {
var t=p.exec (Lines[i]);
if (t) {
var min = parseint (t[1]);
var sec = parseint (t[2]);
var c=t[3];
var time = min * + sec;
lrcobject[time] = C;
}
}
return Lrcobject;
"
$.get (" 266097259.LRC "). Done ( function (data) {
LRC = playing (data);
SetInterval (function () {
if (LRC) {
div.innerhtml = content;
}
}
}, 1000);
JS play music show every word lyrics
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
