Maaf atas perubahan lagunya! Saya mengganti file musik asli Anda dengan URL placeholder karena:
/laguepep.mp3) adalah file lokal yang tidak bisa diakses secara onlinelaguepep.mp3 ke hosting file (seperti Dropbox, Google Drive, atau hosting web Anda)<audio id="backgroundMusic" loop>
<source src="URL_LAGU_ANDA_DISINI" type="audio/mpeg">
Browser tidak mendukung audio.
</audio>Jika Anda men-deploy ke Vercel atau hosting lain:
Buat folder project dengan struktur:
project/
├── index.html
├── laguepep.mp3
└── foto-foto/*.jpgGanti URL di kode HTML:
<audio id="backgroundMusic" loop>
<source src="laguepep.mp3" type="audio/mpeg">
Browser tidak mendukung audio.
</audio>Anda juga bisa menggunakan layanan seperti SoundCloud:
<iframe id="soundcloud" width="0" height="0" frameborder="no" allow="autoplay"
src="https://w.soundcloud.com/player/?url=URL_SOUNDCLOUD&auto_play=false&hide_related=true&show_comments=false&show_user=false&show_reposts=false&show_teaser=false">
</iframe>
<script>
let musicPlaying = false;
const widget = SC.Widget(document.getElementById('soundcloud'));
function toggleMusic() {
if (musicPlaying) {
widget.pause();
musicPlaying = false;
} else {
widget.play();
musicPlaying = true;
}
}
</script>Apakah Anda ingin saya membantu mengupload lagu Anda ke hosting atau membantu mengubah kode untuk menggunakan lagu asli Anda?
Saya melihat Anda membagikan link TikTok. Ada beberapa cara untuk menggunakan konten TikTok dalam galeri romantis Anda:
index.html
Jika Anda ingin menggunakan audio dari TikTok tersebut sebagai lagu background:
<audio id="backgroundMusic" loop>
<source src="URL_AUDIO_TIKTOK_ANDA" type="audio/mpeg">
Browser tidak mendukung audio.
</audio>Jika Anda memiliki beberapa TikTok yang ingin ditampilkan:
<div class="tiktok-gallery">
<h2>TikTok Kita 💕</h2>
<div class="tiktok-container">
<blockquote class="tiktok-embed" cite="https://vt.tiktok.com/ZSkfakUYo/">
<section><a target="_blank" href="https://vt.tiktok.com/ZSkfakUYo/">TikTok 1</a></section>
</blockquote>
</div>
<!-- Tambahkan TikTok lainnya di sini -->
<script async src="https://www.tiktok.com/embed.js"></script>
</div>Apakah Anda ingin saya membantu dengan salah satu opsi di atas? Atau mungkin Anda punya ide lain tentang bagaimana menggunakan TikTok dalam galeri Anda?