B4J Tutorial [B4J+B4A] CCTV example (updated)

This is based on the original example

B4J CCTV example

This example is similar to the previous example: http://www.b4x.com/android/forum/threads/android-based-closed-circuit-tv-cctv-example.23601/#content The server is now implemented in B4J. In order to run this example you will need to allow incoming connections on port 17178 (or other port)...

www.b4x.com

GitHub:
https://github.com/pyhoon/CCTV-example-B4J
https://github.com/pyhoon/CCTV-example-B4A

The old B4J example is using xml layout which is no longer supported.
The old B4A example is also not supporting runtime permission.
I have made some modification to both projects now to use B4XPages and make them work for current version of B4A and B4J.
Some features like saving picture, camera effects and error setting camera size parameters in CamExClass are still not working and need enhancements.

 

[Magma]

This is based on the original example

B4J CCTV example

This example is similar to the previous example: http://www.b4x.com/android/forum/threads/android-based-closed-circuit-tv-cctv-example.23601/#content The server is now implemented in B4J. In order to run this example you will need to allow incoming connections on port 17178 (or other port)...

www.b4x.com

GitHub:
https://github.com/pyhoon/CCTV-example-B4J
https://github.com/pyhoon/CCTV-example-B4A

The old B4J example is using xml layout which is no longer supported.
The old B4A example is also not supporting runtime permission.
I have made some modification to both projects now to use B4XPages and make them work for current version of B4A and B4J.
Some features like saving picture, camera effects and error setting camera size parameters in CamExClass are still not working and need enhancements.

View attachment 165713 View attachment 165716

use Camera2 Lib..

 

[aeric]

use Camera2 Lib..

Thanks for the suggestion.
I shall revisit the examples.

 

[aeric]

Minor enhancements updated on GitHub.

Spoiler: Description generated by GitHub Copilot

B4A
Improve connection handling and UI feedback
1. Added btnConnect to manage connection state and updated its icon based on connection status.
2. Enhanced btnConnect_Click to close the socket and return if already initialized
3. Provided user feedback for connection success or failure.
4. Updated app title to 'CCTV Mobile', incremented version code
5. Made minor UI adjustments.

B4J
Improve UI and connection status feedback
1. Changed lblIP and lblStatus to B4XView for flexibility
2. Updated window title to 'CCTV Viewer'
3. Enhanced connection status feedback by changing label colors
4. Clearing the image on disconnect.
5. Increased the main form size for better display.