CopyBot/mediacms
1
0
Fork 0
mirror of https://github.com/mediacms-io/mediacms.git synced 2025-11-20 21:46:04 -05:00
Code Issues Packages Projects Releases Wiki Activity

feat: Major Upgrade to Video.js v8 — Chapters Functionality, Fixes and Improvements

Browse Source
This commit is contained in:
Yiannis Christodoulou
2025-10-20 15:30:00 +03:00
committed by GitHub
parent b39072c8ae
commit a5e6e7b9ca
362 changed files with 62326 additions and 238721 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
templates/cms/edit_chapters.html
View File

@@ -5,40 +5,28 @@
{% block headtitle %}Edit video chapters - {{PORTAL_NAME}}{% endblock headtitle %}
{% block topimports %}
<link href="{% static "video_editor/video-editor.css" %}" rel="preload" as="style">
<link href="{% static "video_editor/video-editor.css" %}" rel="stylesheet">
<link href="{% static "chapters_editor/chapters-editor.css" %}" rel="preload" as="style">
<link href="{% static "chapters_editor/chapters-editor.css" %}" rel="stylesheet">
<script src="{% static 'chapters_editor/chapters-editor.js' %}"></script>
<script>
window.MEDIA_DATA = {
videoUrl: "",
mediaId: "{{ media_id }}",
chapters: [
{
id: "1",
title: "Chapter AAA",
timestamp: 0
},
{
id: "2",
title: "Chapter BBB",
timestamp: 10
},
{
id: "3",
title: "Chapter CCC",
timestamp: 20
}
]
};
window.MEDIA_DATA = {
videoUrl: "{{ media_file_path }}",
posterUrl: "{{ media_object.poster_url }}",
mediaId: "{{ media_object.friendly_token }}",
redirectURL: "{{ media_object.get_absolute_url }}",
redirectUserMediaURL: "{{ media_object.user.get_absolute_url }}",
chapters: {{ chapters|safe }},
};
</script>
<script src="{% static 'video_editor/video-editor.js' %}"></script>
{%endblock topimports %}
{% block innercontent %}
<div class="user-action-form-wrap">
{% include "cms/media_nav.html" with active_tab="chapters" %}
<div class="user-action-form-inner" style="max-width: 1280px; margin: 0 auto; padding: 20px; border-radius: 8px; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);">
<div id="video-editor-chapters-root"></div>
</div>
<div class="user-action-form-wrap">
{% include "cms/media_nav.html" with active_tab="chapters" %}
<div class="user-action-form-inner" style="max-width: 1280px; margin: 0 auto; padding: 20px; border-radius: 8px; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);">
<div id="chapters-editor-root"></div>
</div>
</div>
{% endblock innercontent %}