"Fix Drive preview and download display in clips.html"

Author: SM_SAYEED

app.py

@@ -440,17 +440,15 @@ def public_clips():
 
         elif action == 'drive_link':
             link = request.form.get('link', '').strip()
-            media_type = request.form.get('media_type', 'audio')
             try:
                 file_id = extract_drive_id(link)
-                # Manually add extension to help with player detection
-                #ext = '.mp4' if media_type == 'video' else '.mp3'
-                db_filename = f"https://drive.google.com/file/d/{file_id}/preview"
-
+                # Save as preview|download (separated by ||)
+                preview_url = f"https://drive.google.com/file/d/{file_id}/preview"
+                download_url = f"https://drive.google.com/uc?export=download&id={file_id}"
+                db_filename = f"{preview_url}||{download_url}"
             except Exception as e:
                 message = f"Invalid Google Drive link. ({e})"
 
-        # Insert into DB
         if db_filename:
             try:
                 with sqlite3.connect(DB_NAME) as conn:

templates/clips.html

@@ -75,7 +75,6 @@ <h3>Upload a Music/Video File</h3>
         </div>
 
         <div class="upload-form" style="margin-bottom:2em;">
-            
             <h3>Add a Clip from Google Drive</h3>
             <form action="{{ url_for('public_clips') }}" method="post">
                 <input type="hidden" name="action" value="drive_link">
@@ -91,7 +90,6 @@ <h3>Add a Clip from Google Drive</h3>
                 </p>
                 <p><button type="submit">Add Drive Content</button></p>
             </form>
-
         </div>
 
         {% if message %}
@@ -102,38 +100,39 @@ <h3>Add a Clip from Google Drive</h3>
         {% if clips and clips|length > 0 %}
             {% for id, filename, title, description in clips %}
                 {% set is_drive = 'drive.google.com' in filename %}
-                {% set is_video = filename.endswith('.mp4') or filename.endswith('.webm') or filename.endswith('.mov') %}
-                {% set is_audio = filename.endswith('.mp3') or filename.endswith('.wav') or filename.endswith('.m4a') or filename.endswith('.ogg') %}
+                {% set is_split = '||' in filename %}
+                {% if is_split %}
+                    {% set preview_url = filename.split('||')[0] %}
+                    {% set download_url = filename.split('||')[1] %}
+                {% else %}
+                    {% set preview_url = url_for('uploaded_file', filename=filename) %}
+                    {% set download_url = url_for('uploaded_file', filename=filename) %}
+                {% endif %}
+
                 <div class="section">
                     <b>{{ title }}</b><br>
                     <small>{{ description }}</small><br>
-                    
+
                     {% if is_drive %}
-                        <iframe src="{{ filename }}" width="380" height="240" allow="autoplay" allowfullscreen style="margin-top:0.7em;"></iframe>
-                            <source src="{{ filename }}">
-                            Your browser does not support the video tag.
-                        </video>
-                    {% elif is_drive %}
-                        <audio controls style="margin-top:0.7em; width: 260px;">
-                            <source src="{{ filename }}">
-                            Your browser does not support the audio element.
-                        </audio>
-                    {% elif is_video %}
-                        <video controls width="380" style="margin-top:0.7em;">
-                            <source src="{{ url_for('uploaded_file', filename=filename) }}">
-                            Your browser does not support the video tag.
-                        </video>
-                    {% elif is_audio %}
-                        <audio controls style="margin-top:0.7em; width: 260px;">
-                            <source src="{{ url_for('uploaded_file', filename=filename) }}">
-                            Your browser does not support the audio element.
-                        </audio>
+                        <iframe src="{{ preview_url }}" width="380" height="240" allow="autoplay" allowfullscreen style="margin-top:0.7em;"></iframe>
                     {% else %}
-                        <span title="Unrecognized file type">{{ filename }}</span>
+                        {% set is_video = filename.endswith('.mp4') or filename.endswith('.webm') or filename.endswith('.mov') %}
+                        {% set is_audio = filename.endswith('.mp3') or filename.endswith('.wav') or filename.endswith('.m4a') or filename.endswith('.ogg') %}
+                        {% if is_video %}
+                            <video controls width="380" style="margin-top:0.7em;">
+                                <source src="{{ preview_url }}">
+                                Your browser does not support the video tag.
+                            </video>
+                        {% elif is_audio %}
+                            <audio controls style="margin-top:0.7em; width: 260px;">
+                                <source src="{{ preview_url }}">
+                                Your browser does not support the audio element.
+                            </audio>
+                        {% endif %}
                     {% endif %}
 
                     <br>
-                    <a href="{{ url_for('uploaded_file', filename=filename) if not is_drive else filename }}" download>Download</a>
+                    <a href="{{ download_url }}" target="_blank">Download</a>
                     {% if admin %}
                         <form action="{{ url_for('delete_clip', clip_id=id) }}" method="post" style="display:inline;" onsubmit="return confirm('Are you sure you want to delete this clip?');">
                             <button type="submit" class="delete-btn">Delete</button>