/Beranda/Bahan Ajar (Versi Audio)

Bahan Ajar (Versi Audio)

ITS Inclusive Digital Education for Disabilities

Designing a Multiscale Support System for Digital Education to Improve Higher Education Access for People with Disabilities (PWDs) at Institut Teknologi Sepuluh Nopember (ITS)

Audio Book Version – Example

The audio version of the teaching materials is provided to support inclusive learning in the field of Urban and Regional Planning.
These materials are designed to improve accessibility for students with visual impairments and to offer flexible learning options for all students.

Each material is carefully recorded to ensure clarity and comprehension, enabling students to engage with course content anytime and anywhere.
This initiative reflects the department’s ongoing commitment to promoting equality, accessibility, and inclusivity in higher education.

.audio-player { background: #004a99; color: #fff; display: flex; align-items: center; gap: 15px; padding: 15px 20px; border-radius: 15px; box-shadow: 0 4px 10px rgba(0,0,0,0.15); max-width: 600px; margin: 20px auto; font-family: 'Segoe UI', sans-serif; } .audio-player button { background: #fff; color: #004a99; border: none; border-radius: 50%; width: 50px; height: 50px; font-size: 20px; cursor: pointer; flex-shrink: 0; } .audio-player button:hover { background: #f0f0f0; } .audio-player input[type="range"] { flex: 1; accent-color: #fff; cursor: pointer; } .audio-player .time { font-size: 14px; width: 45px; text-align: right; flex-shrink: 0; }

Example of audio version provided to support inclusive learning.

0:00
document.addEventListener('DOMContentLoaded', function () { const audio = document.getElementById('audio'); const playPauseBtn = document.getElementById('playPauseBtn'); const seekBar = document.getElementById('seekBar'); const currentTimeDisplay = document.getElementById('currentTime'); if (!audio || !playPauseBtn || !seekBar) { return; } playPauseBtn.addEventListener('click', function () { if (audio.paused) { audio.play(); playPauseBtn.textContent = '⏸️'; } else { audio.pause(); playPauseBtn.textContent = '▶️'; } }); audio.addEventListener('timeupdate', function () { if (audio.duration) { seekBar.value = (audio.currentTime / audio.duration) * 100; } const minutes = Math.floor(audio.currentTime / 60); const seconds = Math.floor(audio.currentTime % 60) .toString() .padStart(2, '0'); currentTimeDisplay.textContent = minutes + ':' + seconds; }); seekBar.addEventListener('input', function () { if (audio.duration) { audio.currentTime = (seekBar.value / 100) * audio.duration; } }); audio.addEventListener('ended', function () { playPauseBtn.textContent = '▶️'; seekBar.value = 0; }); });

buku-ajar-penelitian Download File