let currentUser = null;
const videos = [
{
src: "video1.mp4",
user: "@guru1",
caption: "Tips belajar cepat matematika"
}
];
function renderVideos() {
const container = document.getElementById("videoContainer");
container.innerHTML = "";
videos.forEach(video => {
const wrapper = document.createElement("div");
wrapper.className = "video-wrapper";
wrapper.innerHTML = `
${video.user}
${video.caption}
♥
`;
container.appendChild(wrapper);
});
}
// Login simulasi
function login() {
const usernameInput = document.getElementById("username");
const uploadSection = document.getElementById("uploadSection");
if (usernameInput.value.trim() !== "") {
currentUser = usernameInput.value.trim();
document.querySelector(".login-form").classList.add("d-none");
uploadSection.classList.remove("d-none");
renderVideos();
} else {
alert("Masukkan username terlebih dahulu!");
}
}
// Upload video lokal (tanpa server)
function uploadVideo() {
const videoFile = document.getElementById("videoInput").files[0];
const caption = document.getElementById("captionInput").value;
if (videoFile && caption && currentUser) {
const videoURL = URL.createObjectURL(videoFile);
videos.unshift({
src: videoURL,
user: "@" + currentUser,
caption
});
renderVideos();
document.getElementById("videoInput").value = "";
document.getElementById("captionInput").value = "";
} else {
alert("Lengkapi semua input terlebih dahulu.");
}
}
renderVideos();