Sequence Diagram For Playback an HLS stream (No errors) for http://www.websequencediagrams.com/

SequenceDiagramForPlaybackAnHLSStreamNoErrors.wsd

<div class="wsd" wsd_style="vs2010"><pre>

# No errors
title Sequence Diagram For Playback an HLS stream (No errors)
 
participant "Higher Layer (HTML page, JS)" as HigherLayer
participant "HTMLMediaElement" as MediaPlayer
participant "Video pipeline(Remote Server, Demux, Decoder)" as VideoPipeline
 
note right of MediaPlayer
networkState: NETWORK_IDLE
readyState: HAVE_ENOUGH_DATA
end note
 
HigherLayer->MediaPlayer: play()
 
MediaPlayer->HigherLayer: play
MediaPlayer->HigherLayer: playing
 
MediaPlayer->VideoPipeline: Check if there are enough data for playback.
 
alt There are not enough data for playback
 
    note right of MediaPlayer
    networkState: NETWORK_LOADING
    end note
 
    MediaPlayer->HigherLayer: progress
 
    note right of MediaPlayer
    readyState: HAVE_CURRENT_DATA
    end note
 
    MediaPlayer->HigherLayer: waiting
 
    note right of VideoPipeline
    Media Player fetches enough data until the buffer is full and \nthe playback is uninterrupted.
    end note
 
    VideoPipeline->MediaPlayer: Enough data returned for playback.
 
    note right of MediaPlayer
    networkState: NETWORK_IDLE
    end note
 
    MediaPlayer->HigherLayer: suspend
 
    note right of MediaPlayer
    readyState: HAVE_ENOUGH_DATA
    end note
 
    MediaPlayer->HigherLayer: canplay
    MediaPlayer->HigherLayer: canplaythrough
    MediaPlayer->HigherLayer: playing
 
else There are enough data to playback
 
    note right of MediaPlayer
    No need to perform any particular action.
    end note
 
    VideoPipeline->MediaPlayer: No need to return any data.
    
end

</pre></div><script type="text/javascript" src="http://www.websequencediagrams.com/service.js"></script>