为“数字白云”建设保驾护航!广州白云区数据安全监测与运行中心揭牌


本文摘自金羊网,供稿:人民资讯,原文链接:https://mini.eastday.com/mobile/220820004020712838074.html,侵删。

本文转自:金羊网00:0000:00详情收起00:0000:00// 音频播放var audioPlayer = document.querySelector('.audio-box');// var playPause = audioPlayer.querySelector('#playPause');var playpauseBtn = audioPlayer.querySelector('.audio-bottom-control-play');var playpauseBtnSmall = audioPlayer.querySelector('.audio-left');// var loading = audioPlayer.querySelector('.loading');var progress = audioPlayer.querySelector('.progress');var progressSmall = audioPlayer.querySelector('.progresssmall');var sliders = audioPlayer.querySelectorAll('.slider');var volumeBtn = audioPlayer.querySelector('.volume-btn');var volumeControls = audioPlayer.querySelector('.volume-controls');var volumeProgress = volumeControls.querySelector('.slider .progress');var player = audioPlayer.querySelector('#audio-resource');var currentTime = audioPlayer.querySelector('.audio-bottom-time-now');var currentTimeSmall = audioPlayer.querySelector('.audio-time-now');var totalTime = audioPlayer.querySelector('.audio-bottom-time-all');var totalTimeSmall = audioPlayer.querySelector('.audio-time-all');var refreshbtn = audioPlayer.querySelector('.audio-bottom-control-refresh');// var speaker = audioPlayer.querySelector('#speaker');var draggableClasses = ['pin'];var currentlyDragged = null;window.addEventListener('mousedown', function (event) {if (!isDraggable(event.target)) return false;currentlyDragged = event.target;var handleMethod = currentlyDragged.dataset.method;this.addEventListener('mousemove', window[handleMethod], false);window.addEventListener('mouseup', function () {currentlyDragged = false;window.removeEventListener('mousemove', window[handleMethod], false);}, false);});playpauseBtn.addEventListener('click', togglePlay);playpauseBtnSmall.addEventListener('click', togglePlay);player.addEventListener('timeupdate', updateProgress);refreshbtn.addEventListener('click', refreshAll);player.addEventListener('volumechange', updateVolume);player.addEventListener('loadedmetadata', function () {totalTime.textContent = formatTime(player.duration);totalTimeSmall.textContent = formatTime(player.duration);});player.addEventListener('canplay', makePlay);player.addEventListener('ended', function () {// playPause.attributes.d.value = "";// player.currentTime = 0;$('.audio-left,.audio-yuan').addClass('pause');$('.audio-left,.audio-yuan').removeClass('play');$('.audio-pointer').addClass('stopplaydeg');$('.audio-pointer').removeClass('playdeg');$('.audio-bottom-control-play').removeClass('audio-bottom-control-ing');$('.audio-bottom-control-play').addClass('audio-bottom-control-stop');});volumeBtn.addEventListener('click', function () {volumeBtn.classList.toggle('open');volumeControls.classList.toggle('hidden');});// window.addEventListener('resize', directionAware);sliders.forEach(function (slider) {var pin = slider.querySelector('.pin');slider.addEventListener('click', window[pin.dataset.method]);});// directionAware();function isDraggable(el) {var canDrag = false;var classes = Array.from(el.classList);draggableClasses.forEach(function (draggable) {if (classes.indexOf(draggable) !== -1) canDrag = true;});return canDrag;}function inRange(event) {var rangeBox = getRangeBox(event);var rect = rangeBox.getBoundingClientRect();var direction = rangeBox.dataset.direction;if (direction == 'horizontal') {var min = rangeBox.offsetLeft;var max = min + rangeBox.offsetWidth;if (event.clientX < min || event.clientX > max) return false;} else {var min = rect.top;var max = min + rangeBox.offsetHeight;if (event.clientY < min || event.clientY > max) return false;}return true;}function updateProgress() {var current = player.currentTime;var percent = current / player.duration * 100;progress.style.width = percent + '%';progressSmall.style.width = percent + '%';currentTime.textContent = formatTime(current);currentTimeSmall.textContent = formatTime(current);}function updateVolume() {volumeProgress.style.height = player.volume * 100 + '%';if (player.volume >= 0.5) {// speaker.attributes.d.value = '';} else if (player.volume < 0.5 && player.volume > 0.05) {// speaker.attributes.d.value = '';} else if (player.volume

相关阅读 >>

2022“大事件”都在这里了!

这17个数,振奋人心

携程租车接入腾讯出行服务,提供国内一站式租车

中国移动回a上市申请获中国证监会受理

youtube go将于今年8月下线

pixel 6 pro拆解曝光,pixel 5沦为牺牲品跌至白菜价让路

rng上路巨大优势下仍被t1翻盘,小虎一波梦游直接葬送比赛

中原科技城:对新设立或新迁入创投企业和创投基金最高1000万元奖励

李国庆吐槽东方甄选:下单人数太少 属于不及格的成绩

【图述新闻】一图带你秒懂数博会这些年!

更多相关阅读请进入《新闻资讯》频道 >>



打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...

    正在狠努力加载,请稍候...