Astounds
a0f315be51
## Overview This PR introduces HLS playback support, improves the player experience, and refactors documentation for better usability and maintainability. ## Key Features ### HLS Playback Support - Add HLS integration via new JavaScript assets: - `hls.min.js` - `plyr.hls.start.js` - `watch.hls.js` - Separate DASH and HLS logic: - `plyr-start.js` → `plyr.dash.start.js` - `watch.js` → `watch.dash.js` - Update templates (`embed.html`, `watch.html`) for conditional player loading ### Native Storyboard Preview - Add `native_player_storyboard` setting in `settings.py` - Implement hover thumbnail preview for native player modes - Add `storyboard-preview.js` ### UI and Player Adjustments - Update templates and styles (`custom_plyr.css`) - Modify backend modules to support new player modes: - `watch.py`, `channel.py`, `util.py`, and related components ### Internationalization - Update translation files: - `messages.po` - `messages.pot` ### Testing and CI - Add and update tests: - `test_shorts.py` - `test_util.py` - Minor CI and release script improvements ## Documentation ### OpenRC Service Guide Rewrite - Restructure `docs/basic-script-openrc/README.md` into: - Prerequisites - Installation - Service Management - Verification - Troubleshooting - Add admonition blocks: - `[!NOTE]`, `[!TIP]`, `[!IMPORTANT]`, `[!WARNING]`, `[!CAUTION]` - Fix log inspection command: ```bash doas tail -f /var/log/ytlocal.log ```` * Add path placeholders and clarify permission requirements * Remove legacy and duplicate content Reviewed-on: #1 Co-authored-by: Astounds <kirito@disroot.org> Co-committed-by: Astounds <kirito@disroot.org>
66 lines
3.1 KiB
HTML
66 lines
3.1 KiB
HTML
{% import "common_elements.html" as common_elements %}
|
|
|
|
{% macro render_comment(comment, include_avatar, timestamp_links=False) %}
|
|
<div class="comment-container">
|
|
<div class="comment">
|
|
<a class="author-avatar" href="{{ comment['author_url'] or '#' }}" title="{{ comment['author'] }}">
|
|
{% if include_avatar %}
|
|
<img class="author-avatar-img" alt="{{ comment['author'] }}" src="{{ comment['author_avatar'] }}">
|
|
{% endif %}
|
|
</a>
|
|
<address class="author-name">
|
|
<a class="author" href="{{ comment['author_url'] or '#' }}" title="{{ comment['author'] }}">{{ comment['author'] }}</a>
|
|
</address>
|
|
<a class="permalink" href="{{ comment['permalink'] }}" title="permalink">
|
|
<span>{{ comment['time_published'] }}</span>
|
|
</a>
|
|
|
|
{% if timestamp_links %}
|
|
<span class="comment-text">{{ common_elements.text_runs(comment['text'])|timestamps|safe }}</span>
|
|
{% else %}
|
|
<span class="comment-text">{{ common_elements.text_runs(comment['text']) }}</span>
|
|
{% endif %}
|
|
|
|
<span class="comment-likes">{{ comment['likes_text'] if comment['approx_like_count'] else ''}}</span>
|
|
<div class="button-row">
|
|
{% if comment['reply_count'] %}
|
|
{% if settings.use_comments_js and comment['replies_url'] %}
|
|
<details class="replies" data-src="{{ comment['replies_url'] }}">
|
|
<summary>{{ comment['view_replies_text'] }}</summary>
|
|
<a href="{{ comment['replies_url'] }}" class="replies-open-new-tab" target="_blank">Open in new tab</a>
|
|
<div class="comment_page">loading...</div>
|
|
</details>
|
|
{% elif comment['replies_url'] %}
|
|
<a href="{{ comment['replies_url'] }}" class="replies">{{ comment['view_replies_text'] }}</a>
|
|
{% else %}
|
|
<a class="replies">{{ comment['view_replies_text'] }} (error constructing url)</a>
|
|
{% endif %}
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endmacro %}
|
|
|
|
{% macro video_comments(comments_info) %}
|
|
<div class="comment-links">
|
|
{% for link_text, link_url in comments_info['comment_links'] %}
|
|
<a class="sort-button" href="{{ link_url }}">{{ link_text }}</a>
|
|
{% endfor %}
|
|
</div>
|
|
{% if comments_info['error'] %}
|
|
<div class="comments">
|
|
<div class="code-box"><code>{{ comments_info['error'] }}</code></div>
|
|
</div>
|
|
{% else %}
|
|
<div class="comments">
|
|
{% for comment in comments_info['comments'] %}
|
|
{{ render_comment(comment, comments_info['include_avatars'], True) }}
|
|
{% endfor %}
|
|
</div>
|
|
{% if 'more_comments_url' is in comments_info %}
|
|
<a class="page-button more-comments" href="{{ comments_info['more_comments_url'] }}">{{ _('More comments') }}</a>
|
|
{% endif %}
|
|
{% endif %}
|
|
|
|
{% endmacro %}
|