[20221013] Hymn media player UI interface, control and playback operations
{ Content }
+ [20240412] Hymn media player UI interface, control and playback operations
{ Content }
Beside showing the hymn lyrics of the user selected HymnNo, Hymnchtv can playback the selected
- media content associated with any of the four buttons i.e. 媒体, 伴奏, 教唱 and 唱诗.
+ media content associated with any of the four buttons i.e. 媒体, 教唱, 唱诗 and 伴奏.
The media content may include local stored video & audio files, or media url for youtube or other internet
link shared via media configure UI. Pending the media content, the player used for playback can either be android
- media player (midi), exo-player or youtube player as shown on the right.
-
+ media player (midi), exo-player or youtube player as shown on the right. When a device is placed in landscape mode,
+ video playback will cover the lyrics UI. Click on the hide_screen button i.e.
+
+ to reveal the lyrics below. Press the BackKey to show the video playback again. This option is currently
+ available for youtube player only.
+
+ When a new hymnchtv version is installed, its database media links are updated with new records from an asset
+ file. User old media records in the databse, if any will be left untouched. A copy of the asset file will be
+ saved in the "./import_export/url_import-<timeStamp>.txt". User may refer to this file for import with at
+ a later thime with
覆盖现有 option checked if so desire.
- 媒体: User defined media contents; usually use for media url for youtube or other internet link shared
- via media configure UI.
+ via media configure UI.
+
Long Press on this button will show the QQ main page.
+ - 教唱: Hymn singing lesson. Currently this is used to access the Notion and QQ url links for all available
+ HymnType. When user clicks the button while the text is greyed out i.e. no defined url link; hymnchtv will display
+ a web page for the current selected hymnType. User can then choose the required hymn title/link for display and
+ playback. User may share and save the found url link into hymn database, use this url instead for future playback.
+
Long Press on this button will show the Notion main page.
+ - 唱诗: Usually for local stored hymns, or an associated url link for playback.
- 伴奏: Hymn accompany music only media playback. The playback media can either be from the embedded
midi files or downloaded from the predefined site.
- - 教唱: Hymn singing practice. Currently this is used to access the QQ url links available for 补充本
- HymnType; the database records are being updated in new installation of hymnchtv v1.7.6 and above. When click
- on the button with text greyed out will bring you to QQ main page. Long Press this button will also
- show the QQ main page.
- - 唱诗: Local stored hymn music with words or associated url link.
- 搜索: Search the relevant contents for the user selected HymnNo per the button actions below.
You may then navigate to the required hymn for playback, or share the link with hymnchtv for
later retrieval. When an url link is shared via this button, hymnchtv will auto fill all the 诗歌类别,
@@ -305,32 +322,33 @@
hymnchtv UI desgin & Implementation
- Single Tap to perform hymn info search via youtube.com
- Long Press to perform hymn info search via google.com
- - Note: The user selected HymnNo info is also copied to the clipboard. You may paste this clipboard
+
- Note: The user selected hymnNo info is also copied to the clipboard. You may paste this clipboard
text into any of your preferred search engine to perform additional content searching.
- Repeat/Loop Count: Disable/Enable repeat playback with user defined loop count.
- Playback speed: Variable playback speed. The available playback speed varies from 0.6x~1.4x of the
- orignal hymn tempo. This setting applies to all the playback media.
+ original hymn tempo. This setting applies to all the playback media.
- For hymn media playback: user first selects the required MediaType, the desired repeat/loop count and the playback
+ For hymn media playback: user first selects the required mediaType, the desired repeat/loop count and the playback
speed; then followed by:
a. Click the play button to start;
b. Click again to pause the playback;
c. Click again to resume playback;
d. Long click to stop the playback and return to start of the hymn media.
- User may scroll left/right to a different HymnNo lyrics while the hymn playback is in progress.
+
User may scroll left/right to a different hymnNo lyrics while the hymn playback is in progress.
The current playing hymn will continue until the end, without any disruption. If user wants to play the newly
- selected HymnNo, he/she must manually stop the playback, or wait until the current hymn playback ends. The media
+ selected hymnNo, he/she must manually stop the playback, or wait until the current hymn playback ends. The media
player UI info will then be updated to the user newly selected when playback ended.
-
Except for the
媒体 media type selection, if hymnchtv cannot find the required media
- file in the local directory for the playback; it will attempt to download the required media content from a predefined
- url link location. This is internally set to https://heavenlyfood.cn/hymns/ currently. The playback will start
- when the medium content downloading is completed. The downloading process will only perform once for each of the
- HymnNo; all the downloaded media files are stored in the local storage for next time use.
+
Except for the 媒体 and 教唱 media type selection, if hymnchtv cannot find the
+ required media file in the local directory for the playback; it will attempt to download the required media content
+ from a predefined url link location. This is currently set to "http://mana.stmn1.com/sg/er/mp3/" and
+ "https://www.hymnal.net/Hymns/". The playback will start when the medium content downloading is completed.
+ The downloading process will only perform once for each of the hymnNo; all the downloaded media files are stored
+ in the local storage for next time use.
If the user closes the current downloading UI by click the
X, the downloading process
will continue in background until completion. User may select another media type to playback; only returns to the
diff --git a/hymnchtv/img/01.hymnchtv_main.png b/hymnchtv/img/01.hymnchtv_main.png
index 247d723..ee65c42 100644
Binary files a/hymnchtv/img/01.hymnchtv_main.png and b/hymnchtv/img/01.hymnchtv_main.png differ
diff --git a/hymnchtv/img/02.hymnchtv_hymn_play.png b/hymnchtv/img/02.hymnchtv_hymn_play.png
index 556d61a..b3b3118 100644
Binary files a/hymnchtv/img/02.hymnchtv_hymn_play.png and b/hymnchtv/img/02.hymnchtv_hymn_play.png differ
diff --git a/hymnchtv/img/03.hymnchtv_hymn_download.png b/hymnchtv/img/03.hymnchtv_hymn_download.png
index 352be81..b3fc252 100644
Binary files a/hymnchtv/img/03.hymnchtv_hymn_download.png and b/hymnchtv/img/03.hymnchtv_hymn_download.png differ
diff --git a/hymnchtv/img/10.hymnchtv_lyrics_text.png b/hymnchtv/img/10.hymnchtv_lyrics_text.png
index 916e93c..28d80ca 100644
Binary files a/hymnchtv/img/10.hymnchtv_lyrics_text.png and b/hymnchtv/img/10.hymnchtv_lyrics_text.png differ
diff --git a/hymnchtv/img/11.hymnchtv_context_menu.png b/hymnchtv/img/11.hymnchtv_context_menu.png
index fd0da5f..2da057e 100644
Binary files a/hymnchtv/img/11.hymnchtv_context_menu.png and b/hymnchtv/img/11.hymnchtv_context_menu.png differ
diff --git a/hymnchtv/img/12.hymnchtv_lyrics_english.png b/hymnchtv/img/12.hymnchtv_lyrics_english.png
index c118bde..647f93b 100644
Binary files a/hymnchtv/img/12.hymnchtv_lyrics_english.png and b/hymnchtv/img/12.hymnchtv_lyrics_english.png differ
diff --git a/hymnchtv/img/14.hymnchtv_option_menu.png b/hymnchtv/img/14.hymnchtv_option_menu.png
index 6b4f902..47df12f 100644
Binary files a/hymnchtv/img/14.hymnchtv_option_menu.png and b/hymnchtv/img/14.hymnchtv_option_menu.png differ
diff --git a/hymnchtv/img/hymnchtv_main_menu.png b/hymnchtv/img/hymnchtv_main_menu.png
index 7ada6fe..00b7e1a 100644
Binary files a/hymnchtv/img/hymnchtv_main_menu.png and b/hymnchtv/img/hymnchtv_main_menu.png differ
diff --git a/hymnchtv/img/hymnchtv_media_download.png b/hymnchtv/img/hymnchtv_media_download.png
index 64c50a6..d797ca4 100644
Binary files a/hymnchtv/img/hymnchtv_media_download.png and b/hymnchtv/img/hymnchtv_media_download.png differ
diff --git a/hymnchtv/img/hymnchtv_media_player_ui.png b/hymnchtv/img/hymnchtv_media_player_ui.png
index 9d74b89..00be516 100644
Binary files a/hymnchtv/img/hymnchtv_media_player_ui.png and b/hymnchtv/img/hymnchtv_media_player_ui.png differ
diff --git a/hymnchtv/img/hymnchtv_media_player_yt_hide.png b/hymnchtv/img/hymnchtv_media_player_yt_hide.png
new file mode 100644
index 0000000..6d3825a
Binary files /dev/null and b/hymnchtv/img/hymnchtv_media_player_yt_hide.png differ
diff --git a/hymnchtv/img/ic_hide_screen.png b/hymnchtv/img/ic_hide_screen.png
new file mode 100644
index 0000000..1f5db63
Binary files /dev/null and b/hymnchtv/img/ic_hide_screen.png differ
diff --git a/hymnchtv/index.html b/hymnchtv/index.html
index dd850f3..5af3b14 100755
--- a/hymnchtv/index.html
+++ b/hymnchtv/index.html
@@ -110,8 +110,8 @@
诗歌本功能的最新屏幕截图
书拉密女诗歌本应用程序主用户界面