为“数字白云”建设保驾护航!广州白云区数据安全监测与运行中心揭牌本文转自：金羊网00:0000:00详情

本文转自：金羊网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.valuehttp://www.sos110.com/show/12/299691/= "";// 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.clientXmax) return false;} else {var min = rect.top;var max = min + rangeBox.offsetHeight;if (event.clientYmax) 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.valuehttp://www.sos110.com/show/12/299691/= '';} else if (player.volume0.05) {// speaker.attributes.d.valuehttp://www.sos110.com/show/12/299691/= '';} else if (player.volume 文/羊城晚报全媒体采访人员符畅
图/主办方供图