|
|
import os
|
|
|
|
|
|
|
|
|
config_dir = os.path.join(os.path.expanduser("~"), ".streamlit")
|
|
|
os.makedirs(config_dir, exist_ok=True)
|
|
|
|
|
|
config_path = os.path.join(config_dir, "config.toml")
|
|
|
with open(config_path, "w") as f:
|
|
|
f.write("""
|
|
|
[server]
|
|
|
headless = true
|
|
|
port = $PORT
|
|
|
enableCORS = false
|
|
|
""")
|
|
|
|
|
|
import streamlit as st
|
|
|
import tempfile
|
|
|
from movement_detector import extract_frames, detect_camera_movement
|
|
|
|
|
|
st.set_page_config(page_title="Camera Movement Detector", layout="centered")
|
|
|
|
|
|
|
|
|
st.markdown("""
|
|
|
<style>
|
|
|
body {
|
|
|
font-family: 'Segoe UI', sans-serif;
|
|
|
}
|
|
|
|
|
|
.stApp {
|
|
|
background-color: #f4f4f4;
|
|
|
padding-top: 30px;
|
|
|
}
|
|
|
|
|
|
.logo-container {
|
|
|
display: flex;
|
|
|
justify-content: center;
|
|
|
align-items: center;
|
|
|
margin-bottom: 15px;
|
|
|
}
|
|
|
|
|
|
.logo-container img {
|
|
|
width: 60px;
|
|
|
height: auto;
|
|
|
opacity: 0.9;
|
|
|
}
|
|
|
|
|
|
.card {
|
|
|
background-color: white;
|
|
|
border-radius: 12px;
|
|
|
padding: 30px;
|
|
|
max-width: 700px;
|
|
|
margin: auto;
|
|
|
box-shadow: 0 8px 20px rgba(0,0,0,0.08);
|
|
|
}
|
|
|
|
|
|
.title {
|
|
|
text-align: center;
|
|
|
font-size: 26px;
|
|
|
color: #333;
|
|
|
margin-bottom: 10px;
|
|
|
font-weight: 600;
|
|
|
}
|
|
|
|
|
|
.description {
|
|
|
text-align: center;
|
|
|
font-size: 16px;
|
|
|
color: #666;
|
|
|
margin-bottom: 25px;
|
|
|
}
|
|
|
|
|
|
.stButton>button {
|
|
|
background-color: #ff4b4b;
|
|
|
color: white;
|
|
|
border-radius: 6px;
|
|
|
padding: 8px 20px;
|
|
|
font-weight: bold;
|
|
|
}
|
|
|
|
|
|
.stFileUploader label {
|
|
|
font-weight: 500;
|
|
|
color: #444;
|
|
|
}
|
|
|
|
|
|
/* 🔧 Info ve spinner kutularının metin rengini siyah yap */
|
|
|
.stAlert > div {
|
|
|
color: black !important;
|
|
|
}
|
|
|
|
|
|
.stSpinner > div {
|
|
|
color: black !important;
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
""", unsafe_allow_html=True)
|
|
|
|
|
|
|
|
|
st.markdown("""
|
|
|
<div class="logo-container">
|
|
|
<img src="https://i.hizliresim.com/khnekdt.png" alt="ATP Logo">
|
|
|
</div>
|
|
|
""", unsafe_allow_html=True)
|
|
|
|
|
|
|
|
|
st.markdown('<div class="card">', unsafe_allow_html=True)
|
|
|
|
|
|
st.markdown('<div class="title">📷 Camera Movement Detector</div>', unsafe_allow_html=True)
|
|
|
st.markdown('<div class="description">Upload a video to detect <b>significant camera movement</b> (not object motion).</div>', unsafe_allow_html=True)
|
|
|
|
|
|
|
|
|
uploaded_video = st.file_uploader("🎞️ Upload your video", type=["mp4", "avi", "mov"])
|
|
|
|
|
|
|
|
|
if uploaded_video:
|
|
|
with tempfile.NamedTemporaryFile(delete=False) as temp_file:
|
|
|
temp_file.write(uploaded_video.read())
|
|
|
temp_video_path = temp_file.name
|
|
|
|
|
|
st.info("Extracting frames...")
|
|
|
frames = extract_frames(temp_video_path)
|
|
|
|
|
|
st.info("Analyzing for camera movement...")
|
|
|
with st.spinner("Running detection..."):
|
|
|
indices = detect_camera_movement(frames)
|
|
|
|
|
|
st.success("✅ Detection complete.")
|
|
|
st.markdown(f"<div class='description'>📌 Movement detected at frames:<br><code>{indices}</code></div>", unsafe_allow_html=True)
|
|
|
|
|
|
st.markdown('</div>', unsafe_allow_html=True)
|
|
|
|
