Jody1989
Jody1989

rtsp详解二之wireshark抓包分析

一、概述

    RTSP(Real-Time Stream Protocol )是一种基于文本的应用层协议，在语法及一些消息参数等方面，RTSP协议与HTTP协议类似。

    RTSP被用于建立的控制媒体流的传输，它为多媒体服务扮演“网络远程控制”的角色。RTSP本身并不用于传送媒体流数据。媒体数据的传送可通过RTP/RTCP等协议来完成。

  基本的RTSP操作过程

   首先，客户端连接到流服务器并发送一个OPTIONS命令查询服务器提供的方法收到服务器的回应后，发送DESCRIBE命令查询某个媒体文件的SDP信息。流服务器通过一个SDP描述来进行回应，回应信息包括流数量、媒体类型等信息。客户端分析该SDP描述，并为会话中的每一个流发送一个SETUP命令，SETUP命令告诉服务器客户端用于接收媒体数据的端口。流媒体连接建立完成后，客户端发送一个PLAY命令，服务器就开始传送媒体流数据。在播放过程中客户端还可以向服务器发送PAUSE等其他命令控制流的播放。通信完毕，客户端可发送TERADOWN命令来结束流媒体会话。

   是通过wireshark抓包获得的完整客户端与服务器进行的RTSP交互。黑色字体表示客户端请求，红色字体表示服务器回应。

[cpp]  view plain copy
  1. OPTIONS rtsp://10.34.3.80/D:/a.264 RTSP/1.0  
  2.   
  3. CSeq: 2  
  4.   
  5. User-Agent: LibVLC/2.0.7 (LIVE555 Streaming Media v2012.12.18)  
  6.   
  7. "color:#ff0000;">RTSP/1.0 200 OK  
  8.   
  9. CSeq: 2  
  10.   
  11. Date: Tue, Jul 22 2014 02:41:21 GMT  
  12.   
  13. Public: OPTIONS, DESCRIBE, SETUP, TEARDOWN, PLAY, PAUSE, GET_PARAMETER, SET_PARAMETER  
  14.   
  15. DESCRIBE rtsp://10.34.3.80/D:/a.264 RTSP/1.0  
  16.   
  17. CSeq: 3  
  18.   
  19. User-Agent: LibVLC/2.0.7 (LIVE555 Streaming Media v2012.12.18)  
  20.   
  21. Accept: application/sdp  
  22.   
  23. "color:#ff0000;">RTSP/1.0 200 OK  
  24.   
  25. CSeq: 3  
  26.   
  27. Date: Tue, Jul 22 2014 02:41:21 GMT  
  28.   
  29. Content-Base: rtsp://10.34.3.80/D:/a.264/  
  30.   
  31. Content-Type: application/sdp  
  32.   
  33. Content-Length: 494  
  34.   
  35.    
  36.   
  37. v=0  
  38.   
  39. o=- 1405995833260880 1 IN IP4 10.34.3.80  
  40.   
  41. s=H.264 Video, streamed by the LIVE555 Media Server  
  42.   
  43. i=D:/a.264  
  44.   
  45. t=0 0  
  46.   
  47. a=tool:LIVE555 Streaming Media v2014.07.04  
  48.   
  49. a=type:broadcast  
  50.   
  51. a=control:*  
  52.   
  53. a=range:npt=0-  
  54.   
  55. a=x-qt-text-nam:H.264 Video, streamed by the LIVE555 Media Server  
  56.   
  57. a=x-qt-text-inf:D:/a.264  
  58.   
  59. m=video 0 RTP/AVP 96  
  60.   
  61. c=IN IP4 0.0.0.0  
  62.   
  63. b=AS:500  
  64.   
  65. a=rtpmap:96 H264/90000  
  66.   
  67. a=fmtp:96 packetization-mode=1;profile-level-id=42001E;sprop-parameter-sets=Z0IAHpWoLQSZ,aM48gA==  
  68.   
  69. a=control:track1  
  70.   
  71. SETUP rtsp://10.34.3.80/D:/a.264/track1 RTSP/1.0  
  72.   
  73. CSeq: 4  
  74.   
  75. User-Agent: LibVLC/2.0.7 (LIVE555 Streaming Media v2012.12.18)  
  76.   
  77. Transport: RTP/AVP;unicast;client_port=60094-60095  
  78.   
  79. "color:#ff0000;">RTSP/1.0 200 OK  
  80.   
  81. CSeq: 4  
  82.   
  83. Date: Tue, Jul 22 2014 02:41:25 GMT  
  84.   
  85. Transport: RTP/AVP;unicast;destination=10.34.3.80;source=10.34.3.80;client_port=60094-60095;server_port=6970-6971  
  86.   
  87. Session: 54DAFD56;timeout=65  
  88.   
  89. PLAY rtsp://10.34.3.80/D:/a.264/ RTSP/1.0  
  90.   
  91. CSeq: 5  
  92.   
  93. User-Agent: LibVLC/2.0.7 (LIVE555 Streaming Media v2012.12.18)  
  94.   
  95. Session: 54DAFD56  
  96.   
  97. Range: npt=0.000-  
  98.   
  99. "color:#ff0000;">RTSP/1.0 200 OK  
  100.   
  101. CSeq: 5  
  102.   
  103. Date: Tue, Jul 22 2014 02:41:25 GMT  
  104.   
  105. Range: npt=0.000-  
  106.   
  107. Session: 54DAFD56  
  108.   
  109. RTP-Info: url=rtsp://10.34.3.80/D:/a.264/track1;seq=10244;rtptime=2423329550  
  110.   
  111. GET_PARAMETER rtsp://10.34.3.80/D:/a.264/ RTSP/1.0  
  112.   
  113. CSeq: 6  
  114.   
  115. User-Agent: LibVLC/2.0.7 (LIVE555 Streaming Media v2012.12.18)  
  116.   
  117. Session: 54DAFD56  
  118.   
  119. "color:#ff0000;">RTSP/1.0 200 OK  
  120.   
  121. CSeq: 6  
  122.   
  123. Date: Tue, Jul 22 2014 02:41:25 GMT  
  124.   
  125. Session: 54DAFD56  
  126.   
  127. Content-Length: 10  
  128.   
  129.    
  130.   
  131. //终止  
  132.   
  133. TEARDOWN rtsp://10.34.3.80/D:/a.264/ RTSP/1.0  
  134.   
  135. CSeq: 7  
  136.   
  137. User-Agent: LibVLC/2.0.7 (LIVE555 Streaming Media v2012.12.18)  
  138.   
  139. Session: 54DAFD56  
  140.   
  141. "color:#ff0000;">RTSP/1.0 200 OK  
  142.   
  143. CSeq: 7  
  144.   
  145. Date: Wed, Jul 30 2014 07:13:35 GMT  
  146.   
  147.   

     可以发现RTSP协议的格式与http协议很类似，都是基于文本的协议，语法也基本相同。但是它们并不相同，有以下主要差别：

        首先，方法名称不同。RTSP新增了DESCRIBE、SETUP、PLAY等方法。

       其次，HTTP协议是无状态的协议，方法之间的发送并无明显的次序关系。而RTSP是有状态的协议，各方法存在次序关系。

在者，HTTP协议可以以内带载荷数据的方式传送数据，如网页数据。而RTSP仅仅提供流播放的控制，并不传送流媒体数据。流媒体数据可以通过RTP/RTCP的方式传送。

 

二、RTSP消息

    1. RTSP请求消息格式

     方法名称 URL RTSP版本   回车换行

     消息头   回车换行  回车换行

     消息体    回车换行

 

    方法名称包括OPTIONS、DESCRIBE、SETUP、PLAY、TEARDOWN等。

    URL是接受方的地址，如:rtsp://192.168.0.1/video1.3gp。

    RTSP版本一般是RTSP/1.0

    消息的每一行都会以回车换行结尾，为了便于定位识别，消息头的最后一行有两个回车换行。

    消息体有时是可选的。

 

2. 回应消息格式

    RTSP版本状态码对应文本解释回车换行

    消息头       回车换行回车换行

    消息体    回车换行

 

    RTSP版本一般为RTSP/1.0。

    状态码表示对应消息的执行结果。

    部分状态码与文本解释对应列表如下：

   状态码       文本解释                      含义

  “200”         OK                              执行成功

  “400”         Bad Request                 错误请求

  “404”        Not Found                  未找到

  “500”        Internal Server Error   服务器内部错误

 

3. 各方法详细介绍

(1)OPTIONS

     客户端使用OPTION来查询服务器提供的方法。服务器会在public字段给出自己提供方法集合。从上面的抓包中可以看到此服务器提供了OPTIONS、DESCRIBE、 SETUP、TEARDOWN、 PLAY,、PAUSE,、GET_PARAMETER、SET_PARAMETER等方法。

    OPTIONS方法并不是必须的。客户端可以绕过OPTIONS，直接向服务器发送其他消息。

CSeq字段表示请求的序号。客户端的每一个请求都会被赋值一个序号。每个请求消息也会对应一个同样序号的回应消息。

     OPTIONS消息可以在任何时间发送。有的客户端会定时向服务器发送OPTION消息。而服务器也可以通过是否定时收到OPTIONS消息来判断客户端是否在线。但并不是所有客户端和服务器都这样做。

     User Agent

     该域用于用户标识.不同公司或是不同的客户端。不同客户端发出的消息中的这个域的内容都不大相同。有时会指明客户端的版本号、型号等等。

     下面的对话中该字段指明采用VLC作为客户端，并给出版本号和使用LIVE555库的版本。

[cpp]  view plain copy
  1. OPTIONS rtsp://10.34.3.80/D:/a.264 RTSP/1.0  
  2.   
  3. CSeq: 2                                                                                              //请求序号  
  4.   
  5. User-Agent: LibVLC/2.0.7 (LIVE555 Streaming Media v2012.12.18)  
  6.   
  7. "color:#ff0000;">RTSP/1.0 200 OK  
  8.   
  9. CSeq: 2                                                                                              //回复序号  
  10.   
  11. Date: Tue, Jul 22 2014 02:41:21 GMT  
  12.   
  13. Public: OPTIONS, DESCRIBE, SETUP, TEARDOWN, PLAY, PAUSE, GET_PARAMETER, SET_PARAMETER  
  14.   
  15.   

 

(2)DESCRIBE

 

    DESCRIBE消息是由客户端发送到服务器端，用于客户端得到请求链接中指定的媒体文件的相关描述，一般是SDP信息。SDP（Session Description Protocol）包含了会话的描述、媒体编码类型、媒体的码率等信息。对于流媒体服务而言，以下几个域是在SDP中一定要包含的。

“a=control:”

“a=range:”

“a=rtpmap:”

“a=fmtp:”

     当一个录像中即包含音频又包含视频时，会有多个上述结构。每个媒体描述以m开始。下面绿色和黄色背景的字体分别表示对视频和音频媒体的描述。请求中的Accept字段用于指定客户端可以接受的媒体描述信息类型，此处为SDP信息。

    

[cpp]  view plain copy
  1. DESCRIBE rtsp://10.34.3.80/D:/a.264 RTSP/1.0  
  2.   
  3. CSeq: 3  
  4.   
  5. User-Agent: LibVLC/2.0.7 (LIVE555 Streaming Media v2012.12.18)  
  6.   
  7. Accept: application/sdp                                //请求获得SDP信息  
  8.   
  9. "color:#ff0000;">RTSP/1.0 200 OK  
  10.   
  11. CSeq: 3  
  12.   
  13. Date: Tue, Jul 22 2014 02:41:21 GMT  
  14.   
  15. Content-Base: rtsp://10.34.3.80/D:/a.264/                   //指明对某媒体的描述信息  
  16.   
  17. Content-Type: application/sdp                                   //请求类型  
  18.   
  19. Content-Length: 494                                                //SDP长度  
  20.   
  21.    
  22.   
  23. v=0                                            //Version SDP协议的版本  
  24.   
  25. o=- 1405995833260880 1 IN IP4 10.34.3.80            //Origion  会话的发起者信息  
  26.   
  27. s=H.264 Video, streamed by the LIVE555 Media Server  //会话名称  
  28.   
  29.    
  30.   
  31. i=D:/a.264                                                              //会话的描述信息  
  32.   
  33. t=0 0                                                                      //会话的开始和结束时间  
  34.   
  35. a=tool:LIVE555 Streaming Media v2014.07.04          //Attribute  
  36.   
  37. a=type:broadcast  
  38.   
  39. a=control:*                                                             //控制信息  
  40.   
  41. a=range:npt=0-  
  42.   
  43. a=x-qt-text-nam:H.264 Video, streamed by the LIVE555 Media Server  
  44.   
  45. a=x-qt-text-inf:D:/a.264  
  46.   
  47. m=video 0 RTP/AVP 96            //发送方所支持的媒体类型（视频）等信息  
  48.   
  49. c=IN IP4 0.0.0.0               //会话连接信息，支出真正的媒体流使用的IP地址。  
  50.   
  51. b=AS:500                                //视频带宽  
  52.   
  53. a=rtpmap:96 H264/90000          //媒体属性行，视频（H264为视频格式，90000为采样率）  
  54.   
  55. a=fmtp:96 packetization-mode=1;profile-level-id=42001E;sprop-parameter-sets=Z0IAHpWoLQSZ,aM48gA==  
  56.   
  57. a=control:track1                       //该视频使用的track为1  
  58.   
  59.    
  60.   
  61. m=audio 0 RTP/AVP 97         //媒体类型（音频）以下均是对该音频的描述信息  
  62.   
  63. b=AS:19                              //音频带宽  
  64.   
  65. a=rtpmap:97 MP4A-LATM/11025/1     //视频格式（MP4A-LATM为视频格式，11025为采样率）  
  66.   
  67. a=fmtp:97 profile-level-id=15; object=2; cpresent=0; config=40002A103FC0  
  68.   
  69. a=mpeg4-esid:101=x-envivio-verid:00011118  
  70.   
  71. a=control:trackID=2               /该音频使用的track为2  
  72.   
  73.   

 

    m行又称媒体行，描述了发送方所支持的媒体类型等信息，需要详细说明下。

    m=audio 3458  RTP/AVP  0   96   97   

    第一个参数audio为媒体名称：表明支持音频类型。

    第二个参数3488为端口号，表明UE在本地端口为3458上发送音频流。

    第三个参数RTP/AVP为传输协议，表示基于UDP的RTP协议。

    第四到七个参数为所支持的四种净荷类型编号。

    a=rtpmap:0   PCMU

    a=rtpmap:96  G726-32/8000

    a=rtpmap:97  AMR-WB

    a行为媒体的属性行，以属性的名称：属性值的方式表示。

   格式为：a=rtpmap:<净荷类型><编码名称>

   净荷类型0固定分配给了PCMU，

   净荷类型96对应的编码方案为G.726,为动态分配的。

   净荷类型97对应的编码方式为自适应多速率宽带编码（AMR-WB），为动态分配的。           

对于视频

    m=video 3400 RTP/AVP 98  99

   第一个参数video为媒体名称：表明支持视频类型。

   第二个参数3400为端口号，表明UE在本地端口为3400上发送视频流。

   第三个参数RTP/AVP为传输协议,表示RTP over UDP。

   第四、五参数给出了两种净荷类型编号

   a=rtpmap:98  MPV

   a=rtpmap:99  H.261

   净荷类型98对应的编码方案为MPV,为动态分配的。

   净荷类型97对应的编码方式为H.261，为动态分配的。

 

(3)SETUP

    SETUP消息用于确定转输机制，建立RTSP会话。客户端也可以在建立RTSP后再次发出一个SETUP请求为正在播放的媒体流改变传输参数，服务器可能同意这些参数。若不同意，会回应 "455 Method Not Valid In This State"。

     Request 中的Transport头字段指定了客户端可接受的数据传输参数；

     Response中的Transport 头字段包含了由服务器确认后的传输参数。

    如果该请求不包含SessionID，则服务器会产生一个SessionID。

 

[cpp]  view plain copy
  1. "font-size:14px;">SETUP rtsp://10.34.3.80/D:/a.264/track1 RTSP/1.0   //track1表示对1号通道进行设置  
  2.   
  3. CSeq: 4  
  4.   
  5. User-Agent: LibVLC/2.0.7 (LIVE555 Streaming Media v2012.12.18)   //客户端版本信息  
  6.   
  7. Transport: RTP/AVP;unicast;client_port=60094-60095       //约定传输参数 RTP/AVP表示采用RTP over UDP， unicast表示单播，用以区别组播。Client_port约定客户端RTP端口为60094，RTCP端口为60095  
  8.   
  9. "color:#ff0000;">RTSP/1.0 200 OK  
  10.   
  11. CSeq: 4  
  12.   
  13. Date: Tue, Jul 22 2014 02:41:25 GMT  
  14.   
  15. Transport: RTP/AVP;unicast;destination=10.34.3.80;source=10.34.3.80;client_port=60094-60095;server_port=6970-6971 //服务器端所指定的传输参数  
  16.   
  17. Session: 54DAFD56;timeout=65    //SessionID            


 

    从上面的SETUP会话中可以看到RTP端口用偶数表示，RTCP对于tcp端口相邻的奇数端口。

    上面展示的是RTP over UDP方式。以下为使用RTP over TCP的SETUP对话。

[cpp]  view plain copy
  1. SETUP rtsp://10.34.3.80/D:/a.264/track1 RTSP/1.0   //track1表示对1号通道进行设置  
  2.   
  3. CSeq: 4  
  4.   
  5. User-Agent: LibVLC/2.0.7 (LIVE555 Streaming Media v2012.12.18)    
  6.   
  7. Transport: RTP/AVP/TCP;unicast;interleaved= 0-1  
  8.   
  9. "color:#ff0000;">RTSP/1.0 200 OK  
  10.   
  11. CSeq: 4  
  12.   
  13. Date: Tue, Jul 22 2014 02:41:25 GMT  
  14.   
  15. Transport:  
  16.   
  17.  RTP/AVP/TCP;interleaved=0-1  
  18.   
  19. Session: 54DAFD56;timeout=65  
  20.   
  21.   

    可以看到SETUP命令的Transport字段为RTP/AVP/TCP，同时多了一个interleaved=0-1字段。由于RTP over TCP将RTP包和RTCP包发至同一个TCP端口，因此使用interleaved的值来区分到底是RTP还是RTCP包。Interleaved=0表示RTP包，interleaved=1表示RTCP包。

 

(4)PLAY

     PLAY方法通知服务器按照SETUP中指定的机制开始传送数据。服务器会从PLAY消息指定范围的开始时间开始传送数据，直到该范围结束。服务器可能会将PLAY请求放到队列中，后一个PLAY请求需要等待前一个PLAY请求完成才能得到执行。

     Range指定了播放开始的时间。如果在这个指定时间后收到消息，那么播放立即开始。

不含Range头的PLAY请求也是合法的，此时将从媒体流开始位置播放，直到媒体流被暂停。如果媒体流通过PAUSE暂停，媒体流传输将在暂停点继续传输。如果媒体流正在播放，那么该PLAY请求将不起作用。客户端可以利用此来测试服务器是否存活。

[cpp]  view plain copy
  1. PLAY rtsp://10.34.3.80/D:/a.264/ RTSP/1.0  
  2.   
  3. CSeq: 5  
  4.   
  5. User-Agent: LibVLC/2.0.7 (LIVE555 Streaming Media v2012.12.18)  
  6.   
  7. Session: 54DAFD56                 //SessionID，SETUP回应中返回  
  8.   
  9. Range: npt=0.000-   /                /指定开始播放的时间  
  10.   
  11. "color:#ff0000;">RTSP/1.0 200 OK  
  12.   
  13. CSeq: 5  
  14.   
  15. Date: Tue, Jul 22 2014 02:41:25 GMT  
  16.   
  17. Range: npt=0.000-   
  18.   
  19. Session: 54DAFD56  
  20.   
  21. RTP-Info: url=rtsp://10.34.3.80/D:/a.264/track1;seq=10244;rtptime=2423329550  //RTP信息  
  22.   
  23.   
  24.   

   Url字段为RTP参数对应的流媒体链接地址，seq字段为流媒体第一个包的序列号，rtptime为range域对应的RTP时间戳

 

(5)PAUSE

 

    PAUSE消息通知服务器暂停流传输的传输。如果请求URL中指定了具体的媒体流，那么只有该媒体流的播放被暂停。可以指定仅暂停音频，此后的播放将会静音。如果请求URL指定了一组流，那么在该组中的所有流的传输将被暂停。服务器有可能不支持PAUSE消息。例如，实时流就有可能不支持暂停。当一个服务器不支持某一个消息时，会回应给客户端“501 Not Implemented”。

 

    PAUSE请求中可能包含一个Range头，用来指定媒体流暂停的时间点，称之为暂停点。Range头必须包含一个精确的值，而不是一个时间范围。如果Range头指定了一个时间超出了PLAY请求的范围，服务器将将返回"457 Invalid Range" 。如果Range头缺失，那么在收到暂停消息后媒体流传输立即暂停，并将暂停点设置成当前播放时间。

 

(6) TEARDOWN

    TEARDOWN请求终止了给定URL的媒体流传输，并释放了与该媒体流相关的资源。


本文转自：http://blog.csdn.net/muclenerd/article/details/52126331

你可能感兴趣的:(rtsp)

  • windows下python opencv ffmpeg读取摄像头实现rtsp推流 拉流 图像处理大大大大大牛啊 opencv实战代码讲解视觉图像项目windowspythonopencv
    windows下pythonopencvffmpeg读取摄像头实现rtsp推流拉流整体流程1.下载所需文件1.1下载rtsp推流服务器1.2下载ffmpeg2.开启RTSP服务器3.opencv读取摄像头并调用ffmpeg进行推流4.opencv进行拉流5.opencv异步拉流整体流程1.下载所需文件1.1下载rtsp推流服务器下载RTSP服务器下载页面https://github.com/blu
  • 基于鸿蒙API10的RTSP播放器(二：视频切换实现) PlumCarefree 鸿蒙实战：RTSP播放器音视频华为harmonyos
    目标：设置一个播放下一个视频的按钮，通过改变url地址实现✔设置一个视频播放底部轨道，轨道左侧固定为00:00，右侧为当前已经播放的时长差✖设置音量调节按钮，再实现滑动增减音量发✖//这里为ArkTS代码，标记为ts只是为了上色好看。注意代码放置位置//1.播放位置状态变量，在结构体之外letlocationIndex:number=0;//2.设置url组，苹果测试地址，最快@Statepriv
  • Android平台轻量级RTSP服务模块技术接入说明 音视频牛哥 大牛直播SDK轻量级RTSP服务android音视频轻量级RTSP服务AndroidRTSP服务AndroidRTSP服务器安卓RTSP服务器大牛直播SDK
    技术背景为满足内网无纸化/电子教室等内网超低延迟需求，避免让用户配置单独的服务器，大牛直播SDK在推送端发布了轻量级RTSP服务SDK。轻量级RTSP服务解决的核心痛点是避免用户或者开发者单独部署RTSP或者RTMP服务，实现本地的音视频数据（如摄像头、麦克风），编码后，汇聚到内置RTSP服务，对外提供可供拉流的RTSPURL，轻量级RTSP服务，适用于内网环境下，对并发要求不高的场景，支持H.2
  • k8s防火墙networkPolicy，其他规则和端口规则ports的匹配顺序，进站策略ingress和出站策略egress中，ports规则的常用方法。 技术服务于生态 kubernetes服务器linux
    端口策略和其他策略的顺序关系是什么一共四个策略ipBlockpodSelectornamespaceSlector------------------portsports这个策略，和前面三个不同什么不同匹配顺序不同在网络通信OSI七层模型中一个数据包从A到BB接收到数据包是先看ip选择是否接收如果接收才会拆包看ip报文里面封装的TCP/UDP报文中的端口号如果不接收，就不会有检测端口号的操作，因为
  • EasyDarwin开源平台直播架构 jljf_hh
    ClientClientCMSCMSEasyCameraEasyCameraEasyDarwinEasyDarwin请求设备列表设备列表json请求设备直播(携带SN序列号)推送视频请求(携带EasyDarwin地址和端口)RTSP直播推送RTPStreaming视频推送成功返回具体的视频直播URLRTSP/HTTP直播流程开源代码：https://github.com/EasyDarwin开源资
  • 浅谈C#之485通讯 CN.LG C#网络
    一、基本介绍C#中实现485通讯，通常指的是使用RS-485串行通信接口。RS-485是一种半双工通信标准，常用于工业环境中的设备之间的通信。二、简单示例打开串口：首先，你需要创建一个SerialPort对象，并设置其参数，如端口名、波特率、数据位、停止位和奇偶校验位。然后打开串口。SerialPortsp=newSerialPort();sp.PortName="COM1";//串口名称sp.B
  • 使用flv.js + websokect播放rtsp格式视频流 音视频开发老马 流媒体服务器Android音视频开发音视频开发ffmpeg开发语言flv流媒体服务器音视频开发
    1.问题背景在最近的项目中，涉及到海康接入的视频播放的问题，海康这边获取到的视频流是rtsp格式，web端目前没有直接可以播放的组件，于是最开始是后端处理了视频流，返回hls格式的m3u8地址，这样用videojs插件就可以播放了，但是问题就是处理了的m3u8地址播放效果非常差，第一次加载时间较长，且播放过程中很卡，尤其是项目的界面做的是视频监控墙，不止一个视频，导致没办法看了。想着最好的方式还是
  • 浅析网页不安装插件播放RTSP/FLV视频的方法 点量云实时渲染-小芹 云流化像素流云渲染音视频rtsp无插件网页播放rtmpflv视频网页播放webrtc
    早期很多摄像头视频流使用的是RTSP、RTMP协议，播放这类协议的视频通常是在网页上安装插件。但现在越来越多的用户，对于网页安装插件比较反感，且随着移动设备的普及，用户更多的希望使用手机、平板等移动设备，直接可以查看这些协议的视频。那是否有什么方案可以直接网页打开RTSP、RTMP协议的视频，直接观看不用安装插件呢？而且对于摄像头的数据，尽可能低延迟的获取实时画面。其实很多摄像头厂家也注意到这个问
  • VulnHub DC-1-DC-7靶机WP 蚁景网络安全 网络安全渗透测试
    VulnHubDC系列靶机：https://vulnhub.com/series/dc,199/#VulnHubDC-1nmap开路获取信息Nmapscanreportfor192.168.106.133Hostisup(0.00017slatency).Notshown:997closedportsPORTSTATESERVICE22/tcpopenssh80/tcpopenhttp111/tc
  • Asp.Net 汉字转(拼音) 素年槿夏 C#
    1.ChinesConvertSpelling：汉字转拼音类(全拼)1usingSystem;2usingSystem.Data;3usingSystem.Configuration;4usingSystem.Text;56///7///SummarydescriptionforConvertHzToPz_Gb23128///9namespaceCommon10{11publicclassChin
  • Android平台轻量级RTSP服务之GStreamer还是SmartRtspServer 音视频牛哥 大牛直播SDKAndroidRTSP服务器安卓rtsp服务器androidrtsp服务安卓启动rtsp服务android网络摄像头android内网采集摄像头大牛直播SDK
    技术背景Android上启动一个轻量级RTSP服务，让Android终端像网络摄像头一样提供个外部可供RTSP拉流的服务，在内网小并发又不希望部署单独流媒体服务的场景下非常适用，在Android终端实现这样的流媒体服务，决定了，只能是轻量级的服务。可以通过集成第三方库或编写自定义的RTSP服务器代码来实现这一功能。今天我们介绍两种方案，一种是GStreamer，另外一种，大牛直播SDK的Smart
  • Android平台RTSP|RTMP直播播放器技术接入说明 音视频牛哥 大牛直播SDK音视频RTSP播放器RTMP播放器RTSPPlayerRTMPPlayerAndroidRTSP大牛直播SDK
    技术背景大牛直播SDK自2015年发布RTSP、RTMP直播播放模块，迭代从未停止，SmartPlayer功能强大、性能强劲、高稳定、超低延迟、超低资源占用。无需赘述，全自研内核，行业内一致认可的跨平台RTSP、RTMP直播播放器。本文以Android平台为例，介绍下如何集成RTSP、RTMP播放模块。技术对接系统要求SDK支持Android5.1及以上版本；支持的CPU架构：armv7,arm6
  • 国产化操作系统(x86_64|aarch64)生态构建之RTSP播放器选型 音视频牛哥 大牛直播SDK音视频国产化操作系统rtsp播放器linuxrtsp播放器linuxarmrtsplinux平台rtsp播放aarch64rtsp大牛直播SDK
    为什么要推进国产化操作系统我们经常听到的一句话是：国货当自强！国产操作系统也是，推进国产化操作系统的原因是多方面的，推进国产化操作系统是保障国家信息安全、促进技术自主创新、提升产业竞争力以及满足特定需求的重要举措。未来，随着技术的不断进步和市场的不断扩展，国产化操作系统将迎来更加广阔的发展前景。一、保障国家信息安全减少对外部系统的依赖：国产化操作系统可以更好地符合国家安全标准，减少对国外操作系统的
  • ios流媒体直播整个框架介绍（HLS、RTSP） 少一些浮躁__ IOS
    一、HTTP（WebService）基于HTTP的渐进下载ProgressiveDownload流媒体播放仅是在完全下载后再播放模式基础上做了一些小的改进。与下载播放模式中必须等待整个文件下载完毕后才能开始播放不同，渐进下载客户端在开始播放之前仅需等待一段较短的时间用于下载和缓冲该媒体文件最前面的一部分数据，之后便可以一边下载一边播放。在正式开始播放之前的这一小段缓冲应使得后续即使在网络较为拥塞的
  • 在国产芯片上实现YOLOv5/v8图像AI识别-【4.2】RK3588获取USB摄像头图像推流RTSP更多内容见视频 橘子的战斗日记 YOLO人工智能音视频
    本专栏主要是提供一种国产化图像识别的解决方案，专栏中实现了YOLOv5/v8在国产化芯片上的使用部署，并可以实现网页端实时查看。根据自己的具体需求可以直接产品化部署使用。B站配套视频：https://www.bilibili.com/video/BV1or421T74f前言在实际生产过程中，有很多时候不光是通过网络获取rtsp视频流，通常会采用在板子上插上USB摄像头获取画面。今天我将向搭建演示该
  • RTSP的speed与scale areece
    最近工程上碰到了要做倍速回放，就是所谓的trickplay功能，发现了两个东西。第一个，肯定是RTSPPLAY命令中的scale，通过调整这个数值，可以用来控制播放速度，也用来实现回放。实现这个功能是由服务器进行类似跳帧之类的操作而实现的。结果又发现了speed这个参数，并且发现某个客户端播放器在加快播放时，实际上RTSP参数上给的并不是scale而是speed，怎么回事呢？一通的查资料，才知道s
  • spark读取csv文件 静听山水 Sparkspark
    测试spark读取本地和hdfs文件frompyspark.sqlimportSparkSessionspark=SparkSession.builder\.appName("ExamplePySparkScript")\.getOrCreate()#读取本地csv文件df=spark.read.csv("/Users/xiaokkk/Desktop/local_projects/spark/in
  • TROS DataFlow - USB Camera & mipi Sensor - rtsp WuChao_JMUer 地平线RDKX3系列板卡RDKX3ROS2
    TROSDataFlow-USBCamera&mipiSensor-rtsp使用TROS的功能，通过USB或者mipi摄像头得到MJPEG数据，推理YOLOv5节点，得到目标检测结果，通过ros_rtsp将nv12数据变成标准的H264/H265码流推出。DataFlow示意图mipiUSBH264/H265推流展示编译ros_rtsp_server系统版本2.1.0,sudoaptupdate有
  • JAVA实现H264视频流推送到RTSP、RTMP服务----JavaCV 燎原君 javajava视频
    前提：1.准备好rtsp、rtmp服务2.准备好视频流接收程序目录POM依赖配置关键代码原理说明POM依赖配置org.bytedecojavacv1.4.4org.bytedeco.javacpp-presets*org.bytedeco.javacpp-presetsffmpeg4.1-1.4.4org.bytedeco.javacpp-presetsffmpeg4.1-1.4.4${javac
  • rtsp服务器性能测试工具,RTSP性能优化 · ZLMediaKit/ZLMediaKit Wiki · GitHub 小野的乐趣生活 rtsp服务器性能测试工具
    提示最新的性能参数，请参考#406GB28181的推流性能测试，请参考：#961概述在最近ZLMediaKit的一次提交中，我对rtsp服务器的性能做了一次改进,本次改进中，核心的思想是：缓存时间戳相同的RTP包(意味着是同一帧数据)，作为一个数据包进行分发。理论上，这样做可以大大减少多线程分发时线程切换次数、多余发送逻辑代码的执行以及系统调用次数，预期在不增加播放延时的情况下能大幅提高rtsp服
  • R3 Corda推出瑞波币支付APP 区块思维实验室
    本周翻译的文章是《R3Corda推出瑞波币支付APP》，原文标题R3’sNewCordaAppSupportsPaymentsinXRPCryptocurrency，链接：https://www.coindesk.com/r3s-new-corda-app-supports-payments-in-xrp-cryptocurrency。以下为正文：Distributedledgertechnolo
  • wsl vim无法复制到系统剪贴板，解决方法 u010020404 工作环境配置
    工作原因现在改用windows了，有些不习惯，又不想使用虚拟机，于是尝试使用wsl。不知道会有多少坑。现在的坑是vim无法复制到系统的剪贴板里。具体可通过一下命令确认：$vim--version|grep"clipboard"-clipboard+keymap+printer+vertsplit+emacs_tags+mouse_gpm-sun_workshop-xterm_clipboard科学
  • RTSP协议 瘦弱的皮卡丘 流媒体RTSPRTSP协议
    RTSP和RTMP协议有什么区别？RTSP为什么常用于安防监控摄像头行业，而视频直播却只使用RTMP推流？-腾讯云开发者社区-腾讯云https://zhuanlan.zhihu.com/p/478736595
  • 直播源格式转换教程——rtmp/rtsp/http/m3u8！！ weixin_30418341 php
    之前寻找直播源，发现好多rtmp开头的，或者是rtsp开头的，但是ATV里面的个人链接是支持m3u8格式的。怎么办？小编发现了几个规律，网友可作参考。现在流行的直播地址差不多就这几种需要说明的是并不是所有的地址改成这样都能播需要自己测试。测试的，可用软件，具体参考：
  • 高版本Chrome网页直接播放海康威视大华RTSP流方案，不需服务器转码转流，支持H.265、H.264及2K/4K高清视频 bubailai ChromeRTSPchromertspvue.js前端
    近期公司在做一个智慧城市项目，需要在高版本Chrome网页播放海康威视、大华、或者华为摄像头RTSP流，于是在网上开始找对应的解决方案，没想到网上各种转码转流方案纷繁复杂，找到一款稳定商用满足需求的很难！目前网上有两种所谓无插件方案，即后端转码前端播放的方法和后端转流前端转码的方案，虽然无插件播放方案能够播放出画面，但是往往延迟很高，基本上都在数秒之久，在一些对延迟敏感的场合客户要求毫秒级延迟，显
  • 浏览器播放h.265 rtsp流媒体解决方案 LiveWeb视频管理平台 h.265html5音视频web播放器h.266
    近期研究在VUE中播放RTSP实时视频，客户要求延迟低于300毫秒，并且要求支持多路同时播放，支持H.265格式视频，比较了下目前市场上常见的几种方案，以供大家参考！一、海康威视官方WEB解决方案：海康威视官方提供了两种WEB解决方案，即无插件方案和有插件方案。1.无插件方案，实际采用的是服务器转码推流的方式，因为需要转码两次，导致延迟比较高，多路播放或者播放高清视频容易卡顿或者花屏，无法满足客户
  • WebRTC实现rtsp流在浏览器中播放 qq_21138747 webrtc前端
    一般诸如海康威视，大华等监控视频流都是推送的rtsp或rtmp流，这些都是无法在浏览器中直接播放的。因此出现了以下几种方法实现在浏览器端播放。处理该问题的主流方法大概分为以下几种PS（由于浏览器的更迭以及Flash不在被支持，所以依赖IE和Flash的方法如使用IE浏览器配合VLC插件，通过video.js配合Flash实现网页播放此处不作介绍）通过Nginx+ffmpeg+nginx-http-
  • appemit支持chrome edge等浏览器使用VLC 播放rtsp rtmp 解决方案 AppEmit中间件 AppEmitchromertsprtmp
    A方案VLC播放rtspB方案mplayer播放rtspC方案mpvPlayer播放rtspappemit支持chromeedge等浏览器使用VLC播放rtsprtmp解决方案项目需要实时播放摄像头rtsp视频流，浏览器不能直接播放，只有通过插件或者转码来实现这个需求。要实现这个目的，可以采用的方案非常得多，转码html5+websocket_rtsp_proxy转码，实现视频流直播，免费版本两年
  • 基于RK3568平台移植ffmpeg3.4.5及ffmpeg验证 嵌入式专业户 图像处理相关移植及应用ffmpeg人工智能
    目录一、概述二、环境要求2.1硬件环境2.2软件环境三、移植流程3.1编译x2643.2编译mpp3.3编译ffmpeg四、ffmpeg验证4.1ffmpeg配置说明4.2ffmpeg推流/拉流使用说明4.2.1使用http方式推流/拉流4.2.1.1先执行ffmpeg服务4.2.1.2再执行ffmpeg进行推流4.2.1.3最后执行vlc进行拉流4.2.2使用rtsp方式进行推流/拉流4.2.2
  • 前端播放RTSP视频流，使用FLV请求RTSP视频流播放（Vue项目，在Vue中使用插件flv.js请求RTSP视频流播放） 北城笑笑 JavaScriptVueJSjavascriptvue.js
    简述：在浏览器中请求RTSP视频流并进行播放时，直接使用原生的浏览器API是行不通的，因为它们不支持RTSP协议。为了解决这个问题，开发者通常会选择使用像flv.js这样的库，它专为在浏览器中播放FLV和其他流媒体格式设计。然而，flv.js本身并不直接支持RTSP，这意味着我们需要一个额外的步骤来桥接RTSP和flv.js。这里来记录一下详细介绍：在Vue中使用flv.js插件播放RTSP视频流
  • TOMCAT在POST方法提交参数丢失问题 357029540 javatomcatjsp
    摘自http://my.oschina.net/luckyi/blog/213209 昨天在解决一个BUG时发现一个奇怪的问题，一个AJAX提交数据在之前都是木有问题的，突然提交出错影响其他处理流程。 检查时发现页面处理数据较多，起初以为是提交顺序不正确修改后发现不是由此问题引起。于是删除掉一部分数据进行提交，较少数据能够提交成功。 恢复较多数据后跟踪提交FORM DATA ，发现数
  • 在MyEclipse中增加JSP模板 删除-2008-08-18 ljy325 jspxmlMyEclipse
    在D:\Program Files\MyEclipse 6.0\myeclipse\eclipse\plugins\com.genuitec.eclipse.wizards_6.0.1.zmyeclipse601200710\templates\jsp  目录下找到Jsp.vtl，复制一份，重命名为jsp2.vtl,然后把里面的内容修改为自己想要的格式，保存。 然后在 D:\Progr
  • JavaScript常用验证脚本总结 eksliang JavaScriptjavaScript表单验证
         转载请出自出处：http://eksliang.iteye.com/blog/2098985        下面这些验证脚本，是我在这几年开发中的总结，今天把他放出来，也算是一种分享吧，现在在我的项目中也在用！包括日期验证、比较，非空验证、身份证验证、数值验证、Email验证、电话验证等等...! &nb
  • 微软BI（4） 18289753290 微软BI SSIS
    1） Q:查看ssis里面某个控件输出的结果：  A MessageBox.Show(Dts.Variables["v_lastTimestamp"].Value.ToString()); 这是我们在包里面定义的变量 2):在关联目的端表的时候如果是一对多的关系，一定要选择唯一的那个键作为关联字段。 3) Q：ssis里面如果将多个数据源的数据插入目的端一
  • 定时对大数据量的表进行分表对数据备份 酷的飞上天空 大数据量
    工作中遇到数据库中一个表的数据量比较大，属于日志表。正常情况下是不会有查询操作的，但如果不进行分表数据太多，执行一条简单sql语句要等好几分钟。。   分表工具：linux的shell + mysql自身提供的管理命令 原理：使用一个和原表数据结构一样的表，替换原表。   linux shell内容如下： =======================开始 
  • 本质的描述与因材施教 永夜-极光 感想随笔
             不管碰到什么事,我都下意识的想去探索本质,找寻一个最形象的描述方式。        我坚信,世界上对一件事物的描述和解释,肯定有一种最形象,最贴近本质,最容易让人理解        &
  • 很迷茫。。。 随便小屋 随笔
    小弟我今年研一，也是从事的咱们现在最流行的专业（计算机）。本科三流学校，为了能有个更好的跳板，进入了考研大军，非常有幸能进入研究生的行业（具体学校就不说了，怕把学校的名誉给损了）。   先说一下自身的条件，本科专业软件工程。主要学习就是软件开发，几乎和计算机没有什么区别。因为学校本身三流，也就是让老师带着学生学点东西，然后让学生毕业就行了。对专业性的东西了解的非常浅。就那学的语言来说
  • 23种设计模式的意图和适用范围 aijuans 设计模式
    Factory Method 意图 定义一个用于创建对象的接口，让子类决定实例化哪一个类。Factory Method 使一个类的实例化延迟到其子类。 　　适用性 当一个类不知道它所必须创建的对象的类的时候。 　　当一个类希望由它的子类来指定它所创建的对象的时候。 　　当类将创建对象的职责委托给多个帮助子类中的某一个，并且你希望将哪一个帮助子类是代理者这一信息局部化的时候。 Abstr
  • Java中的synchronized和volatile aoyouzi javavolatilesynchronized
    说到Java的线程同步问题肯定要说到两个关键字synchronized和volatile。说到这两个关键字，又要说道JVM的内存模型。JVM里内存分为main memory和working memory。 Main memory是所有线程共享的，working memory则是线程的工作内存，它保存有部分main memory变量的拷贝，对这些变量的更新直接发生在working memo
  • js数组的操作和this关键字 百合不是茶 js数组操作this关键字
    js数组的操作;   一:数组的创建: 1、数组的创建 var array = new Array();　//创建一个数组 var array = new Array([size]);　//创建一个数组并指定长度，注意不是上限，是长度 var arrayObj = new Array([element0[, element1[, ...[, elementN]]]
  • 别人的阿里面试感悟 bijian1013 面试分享工作感悟阿里面试
    原文如下：http://greemranqq.iteye.com/blog/2007170         一直做企业系统，虽然也自己一直学习技术，但是感觉还是有所欠缺，准备花几个月的时间，把互联网的东西，以及一些基础更加的深入透析，结果这次比较意外，有点突然，下面分享一下感受吧！    &nb
  • 淘宝的测试框架Itest Bill_chen springmaven框架单元测试JUnit
    Itest测试框架是TaoBao测试部门开发的一套单元测试框架，以Junit4为核心， 集合DbUnit、Unitils等主流测试框架，应该算是比较好用的了。 近期项目中用了下，有关itest的具体使用如下： 1.在Maven中引入itest框架： <dependency>   <groupId>com.taobao.test</groupId&g
  • 【Java多线程二】多路条件解决生产者消费者问题 bit1129 java多线程
    package com.tom; import java.util.LinkedList; import java.util.Queue; import java.util.concurrent.ThreadLocalRandom; import java.util.concurrent.locks.Condition; import java.util.concurrent.loc
  • 汉字转拼音pinyin4j 白糖_ pinyin4j
    以前在项目中遇到汉字转拼音的情况，于是在网上找到了pinyin4j这个工具包，非常有用，别的不说了，直接下代码：   import java.util.HashSet; import java.util.Set; import net.sourceforge.pinyin4j.PinyinHelper; import net.sourceforge.pinyin
  • org.hibernate.TransactionException: JDBC begin failed解决方案 bozch ssh数据库异常DBCP
    org.hibernate.TransactionException: JDBC begin failed:     at org.hibernate.transaction.JDBCTransaction.begin(JDBCTransaction.java:68)    at org.hibernate.impl.SessionImp
  • java-并查集（Disjoint-set）-将多个集合合并成没有交集的集合 bylijinnan java
    import java.util.ArrayList; import java.util.Arrays; import java.util.HashMap; import java.util.HashSet; import java.util.Iterator; import java.util.List; import java.util.Map; import java.ut
  • Java PrintWriter打印乱码 chenbowen00 java
    一个小程序读写文件，发现PrintWriter输出后文件存在乱码，解决办法主要统一输入输出流编码格式。 读文件： BufferedReader 从字符输入流中读取文本，缓冲各个字符，从而提供字符、数组和行的高效读取。 可以指定缓冲区的大小，或者可使用默认的大小。大多数情况下，默认值就足够大了。 通常，Reader 所作的每个读取请求都会导致对基础字符或字节流进行相应的读取请求。因
  • [天气与气候]极端气候环境 comsci 环境
          如果空间环境出现异变...外星文明并未出现,而只是用某种气象武器对地球的气候系统进行攻击,并挑唆地球国家间的战争,经过一段时间的准备...最大限度的削弱地球文明的整体力量,然后再进行入侵......      那么地球上的国家应该做什么样的防备工作呢?  &n
  • oracle order by与union一起使用的用法 daizj UNIONoracleorder by
    当使用union操作时，排序语句必须放在最后面才正确，如下： 只能在union的最后一个子查询中使用order by，而这个order by是针对整个unioning后的结果集的。So： 如果unoin的几个子查询列名不同，如 Sql代码  select supplier_id, supplier_name  from suppliers  UNI
  • zeus持久层读写分离单元测试 deng520159 单元测试
    本文是zeus读写分离单元测试,距离分库分表,只有一步了.上代码: 1.ZeusMasterSlaveTest.java package com.dengliang.zeus.webdemo.test; import java.util.ArrayList; import java.util.List; import org.junit.Assert; import org.j
  • Yii 截取字符串(UTF-8) 使用组件 dcj3sjt126com yii
    1.将Helper.php放进protected\components文件夹下。 2.调用方法：   Helper::truncate_utf8_string($content,20,false);   //不显示省略号  Helper::truncate_utf8_string($content,20);  //显示省略号  &n
  • 安装memcache及php扩展 dcj3sjt126com PHP
    安装memcache    tar zxvf memcache-2.2.5.tgz     cd memcache-2.2.5/     /usr/local/php/bin/phpize (?)    ./configure --with-php-confi
  • JsonObject 处理日期 feifeilinlin521 javajsonJsonOjbectJsonArrayJSONException
        写这边文章的初衷就是遇到了json在转换日期格式出现了异常 net.sf.json.JSONException: java.lang.reflect.InvocationTargetException  原因是当你用Map接收数据库返回了java.sql.Date 日期的数据进行json转换出的问题话不多说  直接上代码  &n
  • Ehcache（06）——监听器 234390216 监听器listenerehcache
    监听器          Ehcache中监听器有两种，监听CacheManager的CacheManagerEventListener和监听Cache的CacheEventListener。在Ehcache中，Listener是通过对应的监听器工厂来生产和发生作用的。下面我们将来介绍一下这两种类型的监听器。  
  • activiti 自带设计器中chrome 34版本不能打开bug的解决 jackyrong Activiti
      在acitivti modeler中，如果是chrome 34，则不能打开该设计器，其他浏览器可以， 经证实为bug，参考 http://forums.activiti.org/content/activiti-modeler-doesnt-work-chrome-v34 修改为，找到 oryx.debug.js 在最头部增加 if (!Document.
  • 微信收货地址共享接口-终极解决 laotu5i0 微信开发
       最近要接入微信的收货地址共享接口，总是不成功，折腾了好几天，实在没办法网上搜到的帖子也是骂声一片。我把我碰到并解决问题的过程分享出来，希望能给微信的接口文档起到一个辅助作用，让后面进来的开发者能快速的接入，而不需要像我们一样苦逼的浪费好几天，甚至一周的青春。各种羞辱、谩骂的话就不说了，本人还算文明。    如果你能搜到本贴，说明你已经碰到了各种 ed
  • 关于人才 netkiller.github.com 工作面试招聘netkiller人才
    关于人才 每个月我都会接到许多猎头的电话，有些猎头比较专业，但绝大多数在我看来与猎头二字还是有很大差距的。 与猎头接触多了，自然也了解了他们的工作，包括操作手法，总体上国内的猎头行业还处在初级阶段。 总结就是“盲目推荐，以量取胜”。 目前现状 许多从事人力资源工作的人，根本不懂得怎么找人才。处在人才找不到企业，企业找不到人才的尴尬处境。 企业招聘，通常是需要用人的部门提出招聘条件，由人
  • 搭建 CentOS 6 服务器 - 目录 rensanning centos
    (1) 安装CentOS ISO（desktop/minimal）、Cloud（AWS/阿里云）、Virtualization（VMWare、VirtualBox） 详细内容 (2) Linux常用命令 cd、ls、rm、chmod...... 详细内容 (3) 初始环境设置 用户管理、网络设置、安全设置...... 详细内容 (4) 常驻服务Daemon
  • 【求助】mongoDB无法更新主键 toknowme mongodb
      Query query = new Query();          query.addCriteria(new Criteria("_id").is(o.getId()));                &n
  • jquery 页面滚动到底部自动加载插件集合 xp9802 jquery
    很多社交网站都使用无限滚动的翻页技术来提高用户体验，当你页面滑到列表底部时候无需点击就自动加载更多的内容。下面为你推荐 10 个 jQuery 的无限滚动的插件： 1. jQuery ScrollPagination jQuery ScrollPagination plugin 是一个 jQuery 实现的支持无限滚动加载数据的插件。 2. jQuery Screw S
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他