代码拉取完成，页面将自动刷新
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>经典回忆</title>
<!-- 网站描述 -->
<meta name="description" content="中国特色社会主义道路，是实现社会主义现代化的必由之路，
是创造人民美好生活的必由之路。中国特色社会主义道路，就是在中国共产党领导下，
立足基本国情，以经济建设为中心，坚持四项基本原则，坚持改革开放；">
<!-- 网站关键字 -->
<meta name="keywords" content="大革命阶段、土地革命阶段、抗战阶段、民主革命阶段、新民主主义阶段、
社会主义建设阶段、文化大革命阶段、十一届三中全会后的社会主义发展新时期、
建设有中国特色社会主义阶段、改革开放和现代化建设新阶段">
<!-- 引入facicon.ico网页图标 -->
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon">
<!-- 引入css初始化的css文件 -->
<link rel="stylesheet" href="./css/base.css">
<!-- 引入公共样式的css文件 -->
<link rel="stylesheet" href="./css/common.css">
<link rel="stylesheet" type="text/css" href="css/music.css"/>
<link rel="stylesheet" type="text/css" href="css/video.css"/>
<!-- 引入party-history.css文件 -->
<!-- <link rel="stylesheet" type="text/css" href="css/party-history.css"/> -->
<!-- 引入bootstrap的css文件 -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
<link rel="stylesheet" type="text/css" href="css/bootstrap-theme.min.css"/>
<link rel="stylesheet" type="text/css" href="css/barrager.css"/>
</head>
<body class="mybody">
<!-- 网页头部区域 -->
<header>
<!-- 导航栏 -->
<nav>
<input type="checkbox" id="check" />
<label for="check" class="checkbtn">
<i class="">
<svg t="1619498578469" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="550" width="64" height="64"><path d="M513.033 81.1c244.76 0 443.433 194.491 443.433 434.73 0 70.84-17.328 139.246-49.919 200.575l32.49 35.843 0.576 0.585c38.302 39.51 40.098 101.47 2.886 139.962l-1.151 1.171-31.915 31.915c-38.396 38.396-101.22 36.958-141.133-1.735l-0.24-0.237-35.169-29.838c-66.005 36.76-140.82 56.429-218.52 56.429-71.532 0-140.641-16.668-202.723-48.043l-19.92 23.77-0.888 0.895c-47.154 47.498-122.95 49.636-169.65 2.596-46.319-46.655-46.782-121.921-1.39-169.149l1.39-1.422 0.64-0.646 16.42-14.638-0.276-0.51-0.934-1.741-0.936-1.772c-0.312-0.595-0.625-1.196-0.938-1.802l-0.942-1.835-0.947-1.867-0.474-0.947-0.954-1.92-0.48-0.972-0.962-1.973-0.484-1-0.974-2.028-0.981-2.067-0.991-2.106-1-2.146-1.481-3.222-5.46-12.089-7.209-15.982c-6.623-14.387-0.858-31.31 12.86-38.763a30.31 30.31 0 0 1 2.074-2.02l0.373-0.325 80.29-68.727a29.822 29.822 0 0 1 9.688-5.558c12.097-6.365 27.367-3.746 36.589 7.004l0.319 0.378c0.7 0.844 1.43 1.656 2.228 2.487l0.586 0.601 0.62 0.617 0.67 0.652 0.742 0.703 1.13 1.05 4.56 4.162 1.207 1.118c1.845 1.72 3.52 3.345 5.177 5.036l0.709 0.73c75.972 78.752 178.66 114.618 266.727 99.386L382.842 538.183c-38.18 28.67-92.434 25.983-127.6-8.06l-1.162-1.143-41.609-41.609c-38.094-38.103-38.474-99.638-1.139-138.207l1.143-1.162 129.012-129.024a59.318 59.318 0 0 1 58.835-14.92l0.631 0.192 20.245 6.257 1.62 0.492 2.038 0.609 1.905 0.555 1.778 0.502 1.256 0.342 0.801 0.211 1.15 0.294 0.734 0.18 1.054 0.245 0.672 0.148 0.648 0.136 0.627 0.123 0.605 0.11 0.584 0.1 0.285 0.045 0.555 0.08 0.536 0.069 0.52 0.057 0.501 0.045 0.246 0.018 0.478 0.028 0.465 0.016 0.227 0.003 0.444-0.001c0.146-0.002 0.29-0.006 0.432-0.013l0.42-0.023 0.41-0.035c0.135-0.014 0.268-0.03 0.4-0.046l0.391-0.057 0.384-0.068 0.376-0.08 0.37-0.089 0.364-0.1 0.36-0.11c0.12-0.039 0.238-0.08 0.357-0.121l0.353-0.132 0.352-0.142 0.35-0.152 0.351-0.162 0.352-0.172 0.353-0.182 0.534-0.291 0.361-0.207 0.55-0.327 8.826-5.368c23.136-14.07 52.825-10.671 72.182 8.164l0.583 0.575 25.33 25.33c16.101 16.101 26.613 35.338 29.221 55.538 2.968 22.99-4.594 45.17-21.797 62.665l-0.524 0.529-8.16 8.16 151.873 151.87c10.267-83.484-22.88-178.115-93.285-250.916C547.48 201.206 461.292 164.235 380.07 166.28c-13.645 1.485-26.966-6.632-31.535-20.174-5.279-15.647 3.126-32.61 18.773-37.89a712.798 712.798 0 0 1 9.502-3.132l3.146-1.004C427.06 89.172 470.597 81.1 513.033 81.1z m24.271 60.538l2.082 1.001c42.218 20.366 81.97 48.937 116.597 84.741 99.518 102.906 136.53 245.001 95.387 360.55-5.54 15.556-22.64 23.677-38.197 18.138-8.343-2.97-14.547-9.267-17.653-16.867a29.743 29.743 0 0 1-11.366-6.892l-0.353-0.347-192.367-192.367c-11.677-11.677-11.677-30.608 0-42.285a30.192 30.192 0 0 1 2.838-2.504 29.946 29.946 0 0 1 4.138-5.373l0.347-0.352 21.524-21.526c4.536-4.536 5.912-8.516 5.3-13.255-0.77-5.97-4.732-13.309-11.772-20.479l-0.426-0.43-25.063-25.063-8.501 5.17c-13.774 8.377-27.963 11.897-43.092 11.11l-0.521-0.027-1.032-0.064-1.02-0.074-1.01-0.084-0.503-0.045-0.999-0.1a88.2 88.2 0 0 1-0.498-0.054l-0.993-0.116-0.991-0.127-0.496-0.068-0.994-0.145a89.912 89.912 0 0 1-1.498-0.24l-1.008-0.177-1.016-0.189-1.028-0.202-1.042-0.216-0.526-0.113-1.066-0.237-0.54-0.124-1.095-0.259-1.117-0.273-1.14-0.29-1.168-0.304-1.196-0.32-1.227-0.336-1.26-0.353-1.293-0.369-1.332-0.387-2.07-0.612-2.167-0.653-3.049-0.935-18.264-5.648-128.806 128.818c-14.98 14.982-15.13 39.181-0.452 54.347l0.449 0.456 41.606 41.607c14.98 14.98 39.17 15.13 54.335 0.449l0.457-0.45 10.756-10.756a29.763 29.763 0 0 1 16.068-8.326c9.642-2.026 20.082 0.751 27.5 8.298L600.58 674.388a29.781 29.781 0 0 1 6.997 11.35 29.774 29.774 0 0 1 13.235 14.999c6.155 15.324-1.278 32.735-16.602 38.89-118.396 47.551-267.51 8.634-372.433-97.833l-3.121-3.204-52.995 45.363 2.92 6.479 1.182 2.583 1.227 2.64 0.805 1.716 0.796 1.68 0.787 1.645 0.778 1.611 0.77 1.577 0.762 1.544 0.754 1.512 0.748 1.48 0.74 1.448 0.368 0.713 0.73 1.402 0.726 1.373 0.36 0.676 0.718 1.329 0.713 1.3 0.708 1.274c0.118 0.21 0.235 0.419 0.353 0.626l0.702 1.233 0.7 1.207 0.348 0.593 0.695 1.168 0.692 1.144c0.23 0.377 0.46 0.75 0.69 1.12l0.69 1.095 0.344 0.54 0.687 1.06c0.23 0.35 0.458 0.697 0.687 1.04l0.686 1.018 0.344 0.501 0.687 0.987c0.344 0.489 0.688 0.97 1.032 1.444 9.713 13.355 6.76 32.054-6.595 41.767a30.127 30.127 0 0 1-3.958 2.437l-27.968 24.934-0.143 0.148c-22.701 23.621-22.701 61.25 0 84.87l0.702 0.72c22.307 22.47 58.988 21.897 83.301-1.157l0.664-0.64 29.982-35.777c0.144-0.265 0.291-0.528 0.444-0.79 6.22-10.713 18.073-16.12 29.635-14.653a29.745 29.745 0 0 1 15.272 6.12c57.703 32.59 123.234 50.01 191.445 50.01 72.994 0 142.898-19.953 203.368-57.025a29.765 29.765 0 0 1 17.942-4.321c7.424-0.57 15.063 1.617 21.25 6.696l0.38 0.317 51.206 43.445 0.866 0.865c16.854 16.855 42.388 17.763 57.316 3.36l0.45-0.44 31.914-31.916c14.712-14.712 14.12-40.224-2.413-57.252l-0.506-0.513-0.518-0.518-47.433-52.326a29.706 29.706 0 0 1-3.916-5.152l-0.039-0.065-0.071-0.12a29.747 29.747 0 0 1-3.946-11.593l-0.011-0.1 0.011 0.1-0.032-0.272 0.021 0.171a30.022 30.022 0 0 1-0.11-1.104 29.732 29.732 0 0 1 1.588-12.357c0.02-0.052 0.038-0.105 0.057-0.158l0.071-0.197a29.69 29.69 0 0 1 2.718-5.567l-0.275 0.464c34.153-56.948 52.407-121.784 52.407-189.292 0-198.967-158.673-361.952-359.362-374.192z" fill="#ff0000" p-id="551"></path></svg>
</i>
</label>
<label class="logo">
<a href="index.html">
<h1>建党一百周年</h1>
</a>
</label>
<ul>
<!-- class="active" -->
<li><a href="index.html">首页</a></li>
<li><a href="party-history.html">党史介绍</a></li>
<li><a href="heroes.html">英雄人物</a></li>
<li><a class="active" href="memory.html">经典回忆</a></li>
<li><a href="about.html">关于我们</a></li>
</ul>
</nav>
</header>
<!-- 网页中心区域 -->
<main class="mymain">
<div class="container music-div" id="music">
<div class="music-body">
<div class="music-show row">
<div class="music-img col-lg-6 col-md-6 col-sm-12 col-xs-12">
<img id="pointer" onclick="playMusic()" src="img/pointer.png"/>
<div class="imgBox">
<img id="record" class="record" src="./img/musicbg.jpg">
</div>
</div>
<div class="music-lrc col-lg-6 col-md-6 col-sm-12 col-xs-12">
<div class="lic-box">
<div style="font-size: 18px;">
正在播放：<span id="cur_music" >0/0</span>
<span id="music_name">音乐名字</span>
</div>
<div id="lrc1"></div>
<div id="lrc2"></div>
<div id="lrc3" style="color: yellow;"></div>
<div id="lrc4"></div>
<div id="lrc5"></div>
</div>
</div>
</div>
<div class="music-controls">
<div class="tiao">
<canvas id="canvas" width="800" height="80"></canvas>
<audio id="audio" autoplay="autoplay">
当前浏览器不支持audio
</audio>
</div>
<div class="bar">
<div class="mybar">
<div class="progress-wrapper">
<div class="back fill"></div>
<div class="front fill"></div>
<div class="left"></div>
<div class="right"></div>
<div class="up fill"></div>
<div class="down fill"></div>
<div class="percent-tip">
<span id="time">时间</span>
</div>
</div>
</div>
<!-- 音乐播放列表：<input id="rag2" class="range" type="range" min="0" max="100" value="0"/> --><!-- <span id="time">时间</span> -->
</div>
<div class="controls">
<div class="music-list">
<span>
<i class="iconfont"></i>
</span>
<div class="musicListBox speech-bubble speech-bubble-bottom">
<div class="selectBox">
<select id="list" size="10" onchange="clickMusic()"></select>
</div>
</div>
</div>
<div class="music-style">
<span onclick="changeStyle()">
<i id="playStyle" class="iconfont"></i>
</span>
</div>
<div class="music-last">
<span onclick="lastMusic()">
<i class="iconfont"></i>
</span>
</div>
<div class="music-play">
<span onclick="playMusic(false)">
<i id="btn" class="iconfont"></i>
</span>
</div>
<div class="music-next">
<span onclick="nextMusic()">
<i class="iconfont"></i>
</span>
</div>
<div class="music-volume">
<span>
<i class="iconfont"></i>
</span>
<div class="volumeBox speech-bubble speech-bubble-bottom">
<input id="rag" class="range " type="range" min="0" max="100" value="0"/>
</div>
</div>
<div class="my-video">
<span onclick="openVideo()">
<i class="iconfont"></i>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="container myVideo-div none" id="myVideo">
<div class="myVideo-body">
<div class="videoBox">
<!-- controls="controls" -->
<video id="video" autoplay="autoplay"></video>
</div>
<div class="videoBar">
<div class="bar">
<input class="myRange" type="range" min="0" max="100" value="50">
</div>
<div class="tiemBox">
<span id="videoTime">时间</span>
</div>
</div>
<div class="myVideo-controls">
<div class="video-list">
<span onclick="listVideo()">
<i class="iconfont"></i>
</span>
<div class="videoListBox speech-bubble speech-bubble-bottom">
<div class="selectBox">
<select id="videoList" size="10" onchange="clickVideo()">
</select>
</div>
</div>
</div>
<div class="video-fill">
<span onclick="fillVideo()">
<i class="iconfont"></i>
</span>
</div>
<div class="video-last">
<span onclick="lastVideo()">
<i class="iconfont"></i>
</span>
</div>
<div class="video-play">
<span onclick="playVideo()">
<i class="iconfont"></i>
</span>
</div>
<div class="video-next">
<span onclick="nextVideo()">
<i class="iconfont"></i>
</span>
</div>
<div class="video-volume">
<span>
<i class="iconfont"></i>
</span>
<div class="volumeBox speech-bubble speech-bubble-bottom">
<input class="volume-range myRange" type="range" min="0" max="100" value="100"/>
</div>
</div>
<div class="video-music">
<span onclick="opemMusic()">
<i class="iconfont"></i>
</span>
</div>
</div>
</div>
</div>
<div class="messageBoard">
<div class="board-input">
<input type="text" name="" id="">
</div>
<div class="borad-button">
<button type="button" onclick="sendMessage()">发送弹幕！</button>
</div>
</div>
</main>
<!-- 网页底部区域 -->
<footer class="footer">
<div class="outer">
<ul>
<li>Copyrights © 2021<i class="heart_icon"></i>亲爱的共产党</li>
<li>
<span>
<spn>
<i></i>
访问人数
<span>16</span>
</spn>
<spn class="division">|</spn>
<spn>
<i></i>
浏览人数
<span>79</span>
</spn>
</span>
</li>
<li></li>
<li></li>
</ul>
</div>
</footer>
<!-- 引入jquery.js -->
<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/jquery.barrager.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
function sendMessage(){
var val=$('.board-input input').val();
if(val==='')return;
var item={
img:'tubiao.ico', //图片
info:val, //文字
href:'https://www.baidu.com/s?wd='+val, //链接
close:true, //显示关闭按钮
speed:6, //延迟,单位秒,默认6
color:'#ffffff', //颜色,默认白色
old_ie_color:'#ffffff', //ie低版兼容色,不能与网页背景相同,默认黑色
}
$('body').barrager(item);
}
$('.board-input input').focus(function(){
$('.board-input').addClass('focus-input');
})
$('.board-input input').blur(function(){
$('.board-input').removeClass('focus-input');
})
</script>
<!-- 引入bootstrap.js -->
<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/music.js" type="text/javascript" charset="utf-8"></script>
<script src="js/my.js" type="text/javascript" charset="utf-8"></script>
<script src="js/musicPlay.js" type="text/javascript" charset="utf-8"></script>
<script src="js/tiao.js" type="text/javascript" charset="utf-8"></script>
<script src="js/video.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手