M.Javad 684 ارسال شده در تیر 95 گزارش بازنشر ارسال شده در تیر 95 سلام یک تگ audio اختصاصی برای قالب دارم میسازم و به مشکل خوردم موقع play و pause در کنوسل مرورگر چندتا پیغام خطا میده لطفا بررسی کنید http://codepen.io/jaboli/pen/grWzwv دکمه play و puase چون بکگراندش سفیده دیده نمیشه ولی هستش ببینید مشکل از کدوم بخشه نقل قول لینک به ارسال
M.Javad 684 ارسال شده در مرداد 95 مالک گزارش بازنشر ارسال شده در مرداد 95 اگر در این دمو دقت کنید کار نمیکنه دکمه هاش http://demo.talarwp.com/avang/ نقل قول لینک به ارسال
M.Javad 684 ارسال شده در شهریور 95 مالک گزارش بازنشر ارسال شده در شهریور 95 اساتید کماکان مشکل دارم کد html <audio id="music" preload="true"> <source src="http://www.alexkatz.me/codepen/music/interlude.mp3"> <source src="http://www.alexkatz.me/codepen/music/interlude.ogg"> </audio> <div id="audioplayer"> <button id="pButton" class="play" onclick="play()"></button> <div id="timeline"> <div id="playhead"></div> </div> </div> کد جاوا اسکریپت <script language="javascript"> jQuery(function($){ var music = document.getElementById('music'); // id for audio element var duration; // Duration of audio clip var pButton = document.getElementById('pButton'); // play button var playhead = document.getElementById('playhead'); // playhead var timeline = document.getElementById('timeline'); // timeline // timeline width adjusted for playhead var timelineWidth = timeline.offsetWidth - playhead.offsetWidth; // timeupdate event listener music.addEventListener("timeupdate", timeUpdate, false); //Makes timeline clickable timeline.addEventListener("click", function (event) { moveplayhead(event); music.currentTime = duration * clickPercent(event); }, false); // returns click as decimal (.77) of the total timelineWidth function clickPercent(e) { return (e.pageX - timeline.offsetLeft) / timelineWidth; } // Makes playhead draggable playhead.addEventListener('mousedown', mouseDown, false); window.addEventListener('mouseup', mouseUp, false); // Boolean value so that mouse is moved on mouseUp only when the playhead is released var onplayhead = false; // mouseDown EventListener function mouseDown() { onplayhead = true; window.addEventListener('mousemove', moveplayhead, true); music.removeEventListener('timeupdate', timeUpdate, false); } // mouseUp EventListener // getting input from all mouse clicks function mouseUp(e) { if (onplayhead == true) { moveplayhead(e); window.removeEventListener('mousemove', moveplayhead, true); // change current time music.currentTime = duration * clickPercent(e); music.addEventListener('timeupdate', timeUpdate, false); } onplayhead = false; } // mousemove EventListener // Moves playhead as user drags function moveplayhead(e) { var newMargLeft = e.pageX - timeline.offsetLeft; if (newMargLeft >= 0 && newMargLeft <= timelineWidth) { playhead.style.marginLeft = newMargLeft + "px"; } if (newMargLeft < 0) { playhead.style.marginLeft = "0px"; } if (newMargLeft > timelineWidth) { playhead.style.marginLeft = timelineWidth + "px"; } } // timeUpdate // Synchronizes playhead position with current point in audio function timeUpdate() { var playPercent = timelineWidth * (music.currentTime / duration); playhead.style.marginLeft = playPercent + "px"; if (music.currentTime == duration) { pButton.className = ""; pButton.className = "play"; } } //Play and Pause function play() { // start music if (music.paused) { music.play(); // remove play, add pause pButton.className = ""; pButton.className = "pause"; } else { // pause music music.pause(); // remove pause, add play pButton.className = ""; pButton.className = "play"; } } // Gets audio file duration music.addEventListener("canplaythrough", function () { duration = music.duration; }, false); }); </script> پیغام اررور (index):225 Uncaught ReferenceError: play is not defined نقل قول لینک به ارسال
پست های پیشنهاد شده
به گفتگو بپیوندید
هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .