https://github.com/Anuradha2018/VideoContentPlatformwithAngular
Video Content Platform for Web with Angular 6
https://github.com/Anuradha2018/VideoContentPlatformwithAngular
angular hls-live-streaming
Last synced: 11 months ago
JSON representation
Video Content Platform for Web with Angular 6
- Host: GitHub
- URL: https://github.com/Anuradha2018/VideoContentPlatformwithAngular
- Owner: Anuradha2018
- Created: 2019-03-03T07:08:09.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2023-01-07T03:31:17.000Z (over 3 years ago)
- Last Synced: 2024-11-25T17:46:27.936Z (over 1 year ago)
- Topics: angular, hls-live-streaming
- Language: TypeScript
- Size: 12.4 MB
- Stars: 1
- Watchers: 2
- Forks: 1
- Open Issues: 31
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# VideoContentPlatformwithAngular
Video Content Platform for Web with Angular 6
Steps to run and relevant design Consideration
As said I have tried the task with Angular
The Application code has two components : 1. Video-list: displays the list
2. Video-detail: displays the details of each video
Here are the steps to run the program:
1. Down the project from the repository,
2. Open the project on command-line : Run npm install,
3. Run ng serve,
4. The project gets loaded on localhost:4200.
I addressed this requirements of the task in Angular:
Video Library List
- No videos with `active` set to `false` should be shown: implemented
- The list must be searchable (or filtered in-place) by simple plain text entry and match text at minimum in the video `title`. : implemented
- Videos in the list must at minimum display the thumbnail, title and running time. But feel free to be creative: implemented
Video Detail
- The detail page for a video should show the video’s title and description. : implemented
- A video player should be included to play the video. `react-hls` or `react-player` (or any working HLS implementation of your choice): Implemented with Videogular2
Design
- The user experience does not need to be an impressive visual one, but we should be able to navigate the application effectively: It’s not an impressive UI, I can make it with bootstrap which I wanted but it was not the main focus I did not invest much time.
Other important information:
- Properties in the JSON beginning with `base` may be disregarded.
- Videos are supposed to be in Spanish. : Taken into consideration and disregarded.
Things we love to see:
- Commit history: considered &implemented
- Tests: implemented
- README with instructions on how to run the application and explain any relevant design considerations. : considered and done