Need information about the videos from Content Team--Is it one video together or several smaller videos combined together?
We will not have the playlist feature with Azure.
If it is separate videos, then we still could have a similar way to see parts of the whole video which would require a slight re-design.
We need to move videos from Brightcove to now be viewed on Azure. We need to include any of the current features and functions that users have when we transition to Azure.
Moving videos from Brightcove to be viewed on Azure involves a migration process that includes transferring the video files, configuring the necessary services in Azure, and ensuring a seamless playback experience for users. Here's a step-by-step guide to help you with this migration:
Assessment and Planning:
Identify all the videos currently hosted on Brightcove that need to be migrated.
Determine the file formats, resolutions, and other technical details of the videos.
Plan the migration timeline, considering any potential downtime or impact on users.
Content Transfer:
Download the video files from Brightcove. You may need to use Brightcove's API or download options to retrieve the original video files.
Organize the videos into appropriate folders or storage containers on your local system.
Azure Setup:
Log in to your Azure portal and create a new storage account if you don't have one.
Create containers or folders within the storage account to store the videos. Azure Blob Storage is commonly used for this purpose.
Upload to Azure:
Use Azure's tools, APIs, or third-party tools to upload the videos from your local system to the Azure Blob Storage containers.
Make sure to maintain the original directory structure and file names if possible. This will help with organization and ease of migration.
Configure Video Streaming:
Azure offers different services for video streaming. Azure Media Services is a comprehensive platform for video encoding, streaming, and content protection.
Set up an Azure Media Services account if you don't have one.
Create an Asset within Azure Media Services for each video. This asset will hold the encoded video and associated metadata.
Encoding and Transcoding:
If the original video files are not in the appropriate format or resolution for streaming, you'll need to use Azure Media Services' encoding capabilities to transcode them into adaptive streaming formats like HLS or MPEG-DASH.
Configure encoding settings based on your requirements, such as bitrates, resolutions, and streaming protocols.
Video Playback Integration:
Implement the necessary code on your website or application to embed and play the videos from Azure. Azure Media Player is a commonly used player for streaming videos from Azure Media Services.
Use the URLs provided by Azure Media Services to reference and play the videos.
Testing and Quality Assurance:
Test the video playback across different devices, browsers, and network conditions to ensure a smooth and consistent experience.
Verify that the migration was successful and that all videos are accessible and playable from Azure.
User Communication:
Inform your users or audience about the migration to Azure for video hosting and provide any necessary instructions on accessing the videos.
Monitoring and Optimization:
Set up monitoring tools to track video usage, performance, and user engagement.
Continuously optimize your Azure configuration and encoding settings for the best streaming experience.
Remember that the specifics of the migration process may vary based on your organization's requirements, the number and size of videos, and your technical expertise. It's recommended to work closely with your IT and development teams or consider consulting with Azure experts to ensure a successful and smooth migration.
Viewing the Video
User Story:
As a new or current user who is viewing the videos for ABA, I need to have the same functions from the video player as I did prior to transition to Azure so that my experience with the product will remain consistent.
UI:
User clicks on Watch Training button for the video they would like to see.
User sees the video begin playing upon clicking watch video button.
Acceptance Criteria:
The video functionality includes:
User can start the video by clicking on Watch Training button for the specific video they want to see and we will begin playing the video. (See image: Watch Training)
User can pause the video
Given the video is playing, then we will show the pause symbol. (See image: Pause symbol)
Given user hovers over the pause symbol, then we will show the word: Pause.
Given user clicks on the pause symbol, then we will pause the video.
User can resume the video.
Given a video is paused, then we will show the Play Symbol. (See #1 from image: Features)
Given user hovers over the play button, then we will show the word: Play.
Given user clicks on the play button, then we will resume the video.
User sees a preview section. (See #2 from image: Features)
Given there are more than 2 sections to a video, then we will show a scroll bar in the preview section. (See #3 from image: Features)
Preview section contains a time stamp of the duration for the specific portion of the video. (See #4 from image: Features)
The preview section shows the heading: ‘Now Playing’ that indicates which part of the video the user is currently watching. (See #5 from image: Features)
The preview section shows the heading: ‘Up Next’ that indicates the next section that will play.(See # 6 from image: Features)
Given the user does not select any specific portion of the video from the preview section, then the video automatically plays from beginning to ending.
Given user clicks on a portion of the video from the preview section, then we will stop what is currently playing and jump to the selected portion of video and show it to the user from the beginning of the selected portion.
Given the user clicks on a portion of the video, then the heading of that video will read: ‘Now Playing’
Given the user clicks on a portion of the video from the preview section, then the next portion of the video will show the heading: ‘Up Next’.
User can reveal the functionality of the video player. (See image: Pause symbol)
Given user hovers over the video, then we will show the customization functionality of the video player including:
Play/Pause symbol
Mute symbol
Progress bar for video
Ongoing continuous timer with the total time for the portion of the video selected. (See image: Pause symbol. Look at 0:24 / 1:09 or #7 from image: Features)
Closed caption symbol
Settings symbol
Picture-in-Picture symbol
Full Screen Symbol
Video Player: User Customization Functionality
User Story:
As a new or current user who is viewing the videos for ABA, I need to be able to customize my experience so that I can receive instruction in a modality that is most suited to my needs.
UI:
Play / Pause / Replay
To reveal video player functionality, user hovers over the video.
Mute Symbol
To mute the video, user click on mute symbol.
To restore sound, user clicks on mute symbol a second time.
Progress Bar for Video
To replay or advance portions of a video, user clicks on the progress bar and moves it to desired location and then clicks play.
Closed Caption Symbol
To adjust Closed Captions, user hovers than clicks on their desired changes.
To adjust the closed captions settings, user clicks on caption settings from menu and is shown the options.
Settings Symbol
To adjust the settings, user hovers over setting symbol and makes a selection.
Picture in Picture
To see picture in picture view, user clicks on Picture in Picture image.
User sees Picture in Picture View
To return to the default view, user hovers over picture-in-picture and clicks Back to Tab.
Full Screen
To see a full screen view of the video, user hovers and clicks on Full screen icon.
To restore video back from full screen view, user clicks on the reverse full screen icon.
Acceptance Criteria:
Customizations include:
Play / Pause / Replay
See Section: Viewing the video for Play and Pause functionality.
Given user has reached the end of a section of a video, they will see a replay symbol in place of the Play / Pause symbol. (I couldn’t capture this image-sorry)
Given user selects the replay symbol, then the selected video section will replay.
Mute symbol
The default setting is Audio on.
The default language is English.
Given the user clicks on the Mute symbol, then we will no longer play the audio. (See image: No Audio)
Given user clicks on the Mute symbol a second time, then the sound is restored.
Progress Bar for Video
Given user clicks on the progress bar for video and drags it, they can advance and / or replay parts of the video when they click on play symbol. (See image: Progress Bar)
Ongoing Continuous timer
Given user has moved the progress bar, then the ongoing timer will reflect the change when the play symbol is selected.
Closed Caption Symbol
Given the user makes changes to the closed caption settings, then we will save their changes.
The default setting is Captions Off.
Given user selects English, then we will show the closed captions in English.
Given user selects Spanish, then we will show the closed captions in Spanish.
Given user selects Caption Settings, we will show the setting options. (See image: Closed Caption Default Settings)
Text colors include: White, Black, Red, Green, Blue, Yellow, Magenta, Cyan.
Text view includes: Opaque, Semi-Transparent
Background colors include: Black, White, Red, Green, Blue, Yellow, Magenta, Cyan.
Background views include: Opaque, Semi-Transparent, Transparent.
Window colors include: Black, White, Red, Green, Blue, Yellow, Magenta, Cyan.
Window views include: Transparent, Semi-Transparent, Opaque.
Font Size include: 50%, 75%. 100%, 125%, 150%, 175%, 200%, 300%, 400%
Text edge style includes: None, Raised, Depressed, Uniform, Dropshadow
Font Family includes: Proportional Sans-Serif, Monospace San-Serif, Proportional Serif, Monospace Serif, Casual, Script, Small Caps
Settings Symbol
Default setting is Auto.
Setting options include: 720p, 540p, 360p, 270p.
Picture in Picture
Given user selects Picture in Picture button, then we will show the Picture in Picture view. (See image: Picture in Picture View)
Given user selects Back to Tab, then we return the video to the default setting. (See image: Back to Tab)
Full Screen Symbol
Given user clicks on the full screen option, then we will show the video in Full Screen (See image: Click Full Screen)
Given user clicks on reverse full screen, then we will return the video to the default view. (See image: Reverse Full Screen)
Testing
User Story:
As a new or existing user who is gauging their learning by using pre-tests, post-tests and / or tests specific to a video selection, I need to retain those options with Azure so that I can evaluate my growth in these content areas.
UI:
Users see options to take pre and post tests for the Basic and Advanced Applied Behavior Analysis Series.
Users see option to Take test after each video for both Basic and Advanced Applied Behavior Analysis Series.
Video Tests
To take a test for a video, the user clicks on start test button and selects begin.
User sees each the test question they are on and the number of test questions along with a timer that counts down from 30 minutes.
To select an answer, user clicks on the box next to their answer choice.
To de-select an answer, user clicks on the box next to their answer a second time.
To view the test results on an unfinished test, user clicks on the View Test results button.
To return to the training page, user clicks on close X in upper right corner.
To see the results in email---this is a picture of email user gets.
Acceptance Criteria:
Testing options include:
Pre-Test for Basic and Advanced Applied Behavior Analysis Series
Post-Test for Basic and Advanced Applied Behavior Analysis Series
Specific Video testing for Basic and Advanced Applied Behavior Analysis
Earning a Certificate
Given user scores 90% or higher on all video tests, then they will earn a certificate for Basic and/or Advanced Applied Behavior Analysis.
Right now, user can take a video test without having to watch the video first, do we want to keep that?
Video Tests
Given user selects Start Test button, then we show the message detailing the testing parameters and the name of the test. (See image: Generalization Video Example)
Parameters for taking video tests includes a 30 minute time limit that starts when the user clicks begin. (See image: Generalization Video Example)
Testing Framework (See image: Testing Framework)
We will show a timer that counts down from 30 minutes.
We will show the question number the user is currently working on.
User’s can select/ unselect items by clicking on the box next to the item
We allow multi-selection.
We will show the Next Button if there are more questions to answer.
Given the user selects the Next Button, then we will show that change reflected in the Test question number by moving the blue circle one item to the right.
Given user selects the Next Button, then we show the next question.
We will show a Previous Button if there are questions presented early regardless of the user making a selection.
Given a user selects the Previous button, then we will show that change reflected in the Test question number by moving the blue circle one item to the left.
Given user selects the Previous button, then we will show the previous question.
Given a response has been made for all of the questions, then we will show an active Finish Button.
Given a response has not been given for all of the questions, then we will not show an active Finish Button.
Given the user selects the Finish Button within the 30 minute time period, then we will calculate the percentage correct and show it on the Training Page. (See image: Training Page)
We will send a notification of the testing results to the email account associated with the user’s account.
Given user does not select the Finish Button with the 30 minute time period, then we show the message: Your time is up. (See image: Time is up)
We also show the View Test Results button.
Given user select View Test Results, they will see the results of what they completed.
Given user does not finish the test or finishes the test but does not select Finish button, we will calculate the percentage correct and show it on the Training page. (See image: Training Page with Unfinished Test).
Admin Reports
User Stories:
As an Admin user who is keeping track of the trainings my staff is currently taking, I need to see their progress for the ABA videos so that I can keep up-to-date on their Professional Development needs.
UI:
Admin user sees progress of staff on both the Basic and Advanced ABA reports.
Acceptance Criteria:
The reports to the Admin need to be un-interrupted and function the same way for collection and reporting of data.
Given the change over from Brightcove to Azure occurs when users are partially through a training series, the admin user will continue to see test progress as they did before the change over.