2012-04-11, 01:54 AM
(This post was last modified: 2012-04-14, 04:04 PM by UncleJohnsBand.)
Here is an updated NEWA Build 1.25 that contains the HTML 5 compliant jPlayer for Audio and Video player as well the Flash based player Flowplayer for both Audio and Video and a VLC Plugin player (requires VLC installed on the client) for Video.
EDIT (2012-04-14): You must apply the attached file after installing the release. It corrects an issue with logging into NEWA for those using the CSS based screens. Also included another patch file for a random delete of recordings on CSS Manage Recordings screen.
The HTML 5 jPlayer and Flash based Flowplayer video players are restrictive on what they can play. The files listed within your videos library will be filtered based on what the players can play. The VLC plugin player can play just about anything you throw at it and uses the built in NPVR video file extension filter.
I think the Flowplayer audio player provides the richest user experience as an audio player but the jPlayer HTML 5 player isn't bad either. I didn't include a shot of the jPlayer Audio player since posts are limited to 4 images per post.
Give the release a try and let me know your thoughts or problems you may find or recommendations you may have in improving the overall experience. There has been some limited beta testing of the release.....but I suspect there may be some issues that arise as more people begin using the features.
They all show as tabs in NEWA....you can turn off ones you don't like in the Config tab.
Flowplayer Audio Example:
VLC Video Example:
jPlayer Video Example:
Flowplayer Video Example:
[TABLE="class: borders, width: 450"]
[TR="class: blackText, bgcolor: #ffccaa"]
[TD]Date:[/TD]
[TD]2012-xx-xx[/TD]
[TD]Build Number:[/TD]
[TD]1.25[/TD]
[/TR]
[TR]
[TD="bgcolor: #ff99cc, colspan: 4"]Changes:[/TD]
[/TR]
[TR="class: smallBlackText"]
[TD="colspan: 4"]
[*]Video Player
[/LIST][LIST=|INDENT=2]
[*]Uses jQuery based player jPlayer
[/LIST][LIST=|INDENT=2]
[*]jPlayer
[/LIST][LIST=|INDENT=2]
[*]Uses jQuery File Tree for library directory traversing
[/LIST][LIST=|INDENT=2]
[*]jQuery File Tree
[/LIST][LIST=|INDENT=2]
[*]Audio Supported: MP3, M4A,OGA, WEBMA, FLA
[/LIST][LIST=|INDENT=2]
[*]Video Supported: M4V,OGV, WEBMV, FLV
[/LIST][LIST=|INDENT=2]
[*]Defaults MP4, OGG, WEBM, FLV file extensions to appropriate audio or video type based on player being used.
[/LIST][LIST=|INDENT=2]
[*]Best audio browser: IE, Chrome then Firefox. Chrome has issue loading album art when playing music. Firefox falls back to included flash fallback player.
[/LIST][LIST=|INDENT=2]
[*]Best video browser: Chrome, IE then Firefox. IE takes much longer to load video than Chrome. Firefox falls back to included flash fallback player.
[/LIST]
[*]Audio Player including playlist management
[/LIST][LIST=|INDENT=2]
[*]Video Player
[/LIST][LIST=|INDENT=2]
[*]Uses Flowplayer
[/LIST][LIST=|INDENT=2]
[*]Flowplayer
[/LIST][LIST=|INDENT=2]
[*]Uses jQuery File Tree for library directory traversing
[/LIST][LIST=|INDENT=2]
[*]jQuery File Tree
[/LIST][LIST=|INDENT=2]
[*]Audio Supported: MP3
[/LIST][LIST=|INDENT=2]
[*]Video Supported: MP4, FLV
[/LIST][LIST=|INDENT=2]
[*]The Audio player interface for playing MP3's is very rich.
[/LIST][LIST=|INDENT=2]
[*]Due to the flash limitation only a couple of tpes of video formats will work.
[/LIST]
[*]Video Player
[/LIST][LIST=|INDENT=2]
[*]Uses VLC browser plugin....Requires VLC with web plugins to be installed on the client PC.
[/LIST][LIST=|INDENT=2]
[*]VLC
[/LIST][LIST=|INDENT=2]
[*]Uses jQuery File Tree for library directory traversing
[/LIST][LIST=|INDENT=2]
[*]jQuery File Tree
[/LIST][LIST=|INDENT=2]
[*]Video Supported: Just about anything. Using NPVR video format filter for file section filtering.
[/LIST][LIST=|INDENT=2]
[*]Double clicking on the video will take you to full screen mode.
[/LIST][LIST=|INDENT=2]
[*]Full sceen and volumne overlay only shows in fullscreen mode on IE. This is a VLC Activex bug.
[/LIST]
[/LIST][/TD]
[/TR]
[/TABLE]
EDIT (2012-04-14): You must apply the attached file after installing the release. It corrects an issue with logging into NEWA for those using the CSS based screens. Also included another patch file for a random delete of recordings on CSS Manage Recordings screen.
The HTML 5 jPlayer and Flash based Flowplayer video players are restrictive on what they can play. The files listed within your videos library will be filtered based on what the players can play. The VLC plugin player can play just about anything you throw at it and uses the built in NPVR video file extension filter.
I think the Flowplayer audio player provides the richest user experience as an audio player but the jPlayer HTML 5 player isn't bad either. I didn't include a shot of the jPlayer Audio player since posts are limited to 4 images per post.
Give the release a try and let me know your thoughts or problems you may find or recommendations you may have in improving the overall experience. There has been some limited beta testing of the release.....but I suspect there may be some issues that arise as more people begin using the features.
They all show as tabs in NEWA....you can turn off ones you don't like in the Config tab.
Flowplayer Audio Example:
VLC Video Example:
jPlayer Video Example:
Flowplayer Video Example:
[TABLE="class: borders, width: 450"]
[TR="class: blackText, bgcolor: #ffccaa"]
[TD]Date:[/TD]
[TD]2012-xx-xx[/TD]
[TD]Build Number:[/TD]
[TD]1.25[/TD]
[/TR]
[TR]
[TD="bgcolor: #ff99cc, colspan: 4"]Changes:[/TD]
[/TR]
[TR="class: smallBlackText"]
[TD="colspan: 4"]
- UncleJohnsBand: Web Service Updates:
- UncleJohnsBand: Application Updates:
- Updated to latest jquery and jqueryui libraries.
- Updated Details screen on Manage Recordings to correctly show the first run checkbox value.
- Added several new audio/video players. Visability of tabs is defaulted to visible but can be turned off via the Config tab in NEWA.
- Added HTML 5 based Audio and Video functionality
- Updated to latest jquery and jqueryui libraries.
- Audio Player including playlist management
[*]Video Player
[/LIST][LIST=|INDENT=2]
[*]Uses jQuery based player jPlayer
[/LIST][LIST=|INDENT=2]
[*]jPlayer
[/LIST][LIST=|INDENT=2]
[*]Uses jQuery File Tree for library directory traversing
[/LIST][LIST=|INDENT=2]
[*]jQuery File Tree
[/LIST][LIST=|INDENT=2]
[*]Audio Supported: MP3, M4A,OGA, WEBMA, FLA
[/LIST][LIST=|INDENT=2]
[*]Video Supported: M4V,OGV, WEBMV, FLV
[/LIST][LIST=|INDENT=2]
[*]Defaults MP4, OGG, WEBM, FLV file extensions to appropriate audio or video type based on player being used.
[/LIST][LIST=|INDENT=2]
[*]Best audio browser: IE, Chrome then Firefox. Chrome has issue loading album art when playing music. Firefox falls back to included flash fallback player.
[/LIST][LIST=|INDENT=2]
[*]Best video browser: Chrome, IE then Firefox. IE takes much longer to load video than Chrome. Firefox falls back to included flash fallback player.
[/LIST]
- Added Flowplayer based Audio and Video functionality
[*]Audio Player including playlist management
[/LIST][LIST=|INDENT=2]
[*]Video Player
[/LIST][LIST=|INDENT=2]
[*]Uses Flowplayer
[/LIST][LIST=|INDENT=2]
[*]Flowplayer
[/LIST][LIST=|INDENT=2]
[*]Uses jQuery File Tree for library directory traversing
[/LIST][LIST=|INDENT=2]
[*]jQuery File Tree
[/LIST][LIST=|INDENT=2]
[*]Audio Supported: MP3
[/LIST][LIST=|INDENT=2]
[*]Video Supported: MP4, FLV
[/LIST][LIST=|INDENT=2]
[*]The Audio player interface for playing MP3's is very rich.
[/LIST][LIST=|INDENT=2]
[*]Due to the flash limitation only a couple of tpes of video formats will work.
[/LIST]
- Added VLC based Video functionality
[*]Video Player
[/LIST][LIST=|INDENT=2]
[*]Uses VLC browser plugin....Requires VLC with web plugins to be installed on the client PC.
[/LIST][LIST=|INDENT=2]
[*]VLC
[/LIST][LIST=|INDENT=2]
[*]Uses jQuery File Tree for library directory traversing
[/LIST][LIST=|INDENT=2]
[*]jQuery File Tree
[/LIST][LIST=|INDENT=2]
[*]Video Supported: Just about anything. Using NPVR video format filter for file section filtering.
[/LIST][LIST=|INDENT=2]
[*]Double clicking on the video will take you to full screen mode.
[/LIST][LIST=|INDENT=2]
[*]Full sceen and volumne overlay only shows in fullscreen mode on IE. This is a VLC Activex bug.
[/LIST]
[/LIST][/TD]
[/TR]
[/TABLE]
Intel Core i7 @ 4.00GHz Skylake 14nm
ASUSTeK COMPUTER INC. Z170-DELUXE
Windows 10 Pro x64
PVR Software: NPVR 5.1.1
SiliconDust HDHomeRun HDHR5-4US Connect Quatro 4 Channel Tuner
Roku Ultra
2 PCH A-100's
ASUSTeK COMPUTER INC. Z170-DELUXE
Windows 10 Pro x64
PVR Software: NPVR 5.1.1
SiliconDust HDHomeRun HDHR5-4US Connect Quatro 4 Channel Tuner
Roku Ultra
2 PCH A-100's