在线视频流的网络分析

Question

我想通过网络浏览器播放视频流并通过 Wireshark 或其他工具捕获网络。如何找到视频的视频分辨率和视频的其他信息？

Answer 1

加载视频流的元数据后，您就可以获取视频的高度和宽度。

var myVideo = document.getElementById("myVideoID");

myVideo.addEventListener( "loadedmetadata", function (e) {
    var vidWidth = this.videoWidth,
        vidHeight = this.videoHeight;
    //Use the info however you want here

}, false );

Answer 2

您可以使用浏览器的工具。在 Chrome 中，转到新选项卡中的 chrome://media-internals/。您会看到各种统计数据：

render_id: 1323
player_id: 30
origin_url: https://example.com
frame_url: https://example.com
frame_title: Example
url: blob:https://example.com
info: Selected GpuVideoDecoder for video decoding, config: codec: h264 format: 1 profile: h264 main coded size: [848,480] visible rect: [0,0,848,480] natural size: [848,480] has extra data? false encrypted? false rotation: 0°
pipeline_state: kSuspended
found_audio_stream: true
audio_codec_name: aac
found_video_stream: true
video_codec_name: h264
audio_dds: false
audio_decoder: FFmpegAudioDecoder
video_dds: false
video_decoder: GpuVideoDecoder
audio_buffering_state: BUFFERING_HAVE_ENOUGH
video_buffering_state: BUFFERING_HAVE_ENOUGH
height: 480
width: 848
pipeline_buffering_state: BUFFERING_HAVE_ENOUGH
duration: 39.50686

在线视频流的网络分析

Network Analysing of Online Video Stream

wireshark

video-streaming

mpeg-dash