201027999 六、發明說明: 【發明所屬之技術領域】 本發明係有關於-種線上提供影片㈣介面之方法, 可因應使用者不同割覽器與作業系統皆能提供多種的影像 播放格式。 【先前技術】 數位時代的來臨,網路也隨之成為主流媒體通路之 ©…而網路多媒體的蓬勃發展,成為人類每天不可或缺的 資訊與娛樂來源。近十年來,網路多媒體已由靜㈣體進 化至以動態媒體為主流,動態影片與音樂取代原本的文字 與圖形’因此以影片資料庫為基礎的網站(如丫。utube)也 如雨後春寄般的成立,並且吸引大量網站劉覽者的使用, 可謂現代人重要的精神食糧來源之一。 然而網路影片㈣放、經常受限於網路使用纟其電腦裝 置之軟體限制與網路格式限制,包括使用者的作業系統、 ©潘i覽器版本、相關影片播放程式版本,與網站本身所能提 供的播放介面等因素,以致網路使用者在點閱影片時常需 要花費更多時間新增其他軟體,或導致無法觀看的問題, 進而影響網路影片的潘丨覽率下降。 目前市面上在網站中所提供較為大眾化之播放介面主 要有以Windows Media Player為主的WMV格式,還有以 Hash Player為主的FLV格式,然每一個網頁上皆只提供 固定單一種播放介面,無法讓使用者選擇多種程式,因而 當使用者為Mac或Unux等作業系統將會無法觀看,或是 201027999 使用者軟體設備無安裝或無更新程式,也會導致影片無法 順利觀賞,如此將造成僅限於某些族群適用的排他性現 象,阻礙網路多媒體的進化腳步。 【發明内容】 有鑑於上述之問題,本發明係於使用者瀏覽影片前, 動態地對使用者電腦裝置進行自動判斷,決定其給予最適 化之播放模式介面。 為達成上述目的,本發明線上提供影片瀏覽介面之方 法係包含有以下步驟: (A)CDN主機判斷一使用端之丨p位址,以指定一配合 該使用端之伺服器主機; (B) 使用端傳送要求網頁資料至伺服器主機; (C) 伺服器主機接收使用端之要求網頁資料並經分析 後,產生可使用主機之一影片列表,該影片列表中係包含 多種影片介面格式; (D) 伺服器主機判定應給予使用端何種影片介面格式; (E) 伺服器主機傳送適合該影片介面格式之一播放介面 至使用端。 包括作業系統與瀏 褒置給予能夠播放 覽 程式自動判定使用者之電腦裝置, 器等版本’然後,根據使用者的電腦 影片的介面’整合既有的HTML -------ν,ν. java Script^201027999 VI. Description of the Invention: [Technical Field] The present invention relates to a method for providing a video (four) interface on a line, and can provide various image playback formats according to different user views and operating systems. [Prior Art] With the advent of the digital era, the Internet has become the mainstream media channel... and the proliferation of Internet multimedia has become an indispensable source of information and entertainment for human beings every day. In the past ten years, Internet multimedia has evolved from static (four) to dynamic media, and dynamic movies and music have replaced the original text and graphics. Therefore, the website based on the video database (such as 丫.utube) is also like the spring after the rain. It is one of the important sources of spiritual food for modern people. However, online video (4) is often limited by the use of the network, the software limitations of its computer devices and network format restrictions, including the user's operating system, the version of the browser, the version of the relevant video player, and the website itself. Factors such as the playback interface that can be provided, so that Internet users often need to spend more time to add other software when they click on the video, or cause problems that cannot be viewed, which in turn affects the decline in the popularity of online movies. Currently, the popular broadcast interface provided on the website mainly includes the WMV format based on Windows Media Player, and the FLV format based on Hash Player. However, each webpage only provides a fixed single playback interface. The user cannot select a variety of programs, so when the user is unable to watch the operating system such as Mac or Unux, or the 201027999 user software device has no installation or no update program, the video will not be viewed smoothly, which will result in only Limited to the exclusive phenomenon applicable to certain ethnic groups, hindering the evolution of network multimedia. SUMMARY OF THE INVENTION In view of the above problems, the present invention automatically determines the user's computer device to automatically optimize the play mode interface before the user browses the movie. To achieve the above objective, the method for providing a video browsing interface on the present invention includes the following steps: (A) The CDN host determines a 丨p address of a user terminal to specify a server host that cooperates with the user terminal; (B) The use terminal transmits the required webpage data to the server host; (C) the server host receives the required webpage data of the use end and analyzes, and generates a list of available movies of the host, the movie list includes a plurality of movie interface formats; D) The server host determines which video interface format should be given to the user; (E) The server host transmits a playback interface suitable for the video interface format to the user. Including the operating system and the browser to give the user the ability to play the program to automatically determine the user's computer device, etc. 'then, according to the user's computer video interface' to integrate the existing HTML ------- ν, ν . java Script^
Action Script、jpg、png…等多種格式,做更人性化的操 作介面,提高影像最佳化相容性處理’達到跨平台的播放 4 201027999 介面模式。本發明之多種影片播放格式包含:動態影片的 WMV格式、FLV格式、MPEG-4格式;靜態影像的圖片HTML 格式、FLASH格式。當判定使用者的電腦裝置中有符合任 何一項動態影片的格式,將給予適合的播放影片介面瀏 覽’當使用者的電腦裝置中沒有任何一項動態影片格式 時’系統將判定給予靜態圖片的格式。 系統判定動態影片係以支援Java Script與否為基礎, 並自動偵測使用者之FLASH支援與否與版本新舊,以選 Φ 擇應給予的播放介面。靜態影像中的圖片來源係由自動化 影片流程依每5秒鐘擷取一張影像畫面,其單一張擷取的 影像畫面則有大、小二種尺寸的圖檔,以供使用者於播放 介面中可達到點小圖即可放大圖片。 本發明依其系統自動判定使用者之電腦裝置,並給予 σ_適的播放介面’其判定播放影片介面之模式可細分成下 述步驟: (Α)系統自動偵測使用者之電腦裝置是否有支援Script ® 功能; (B) 系統判定使用者電腦裝置是否有支援flash程 式; (C) 當判定其使用者電腦裝置中有支援flash,且版 本為9.0以上,則以系統預設值之播放MPEG_4格式版本; (D) 當判定其使用者電腦裝置中有支援FLASH程式, 但其低於9_〇版本時,則改以FLV格式版本播放; (E) 當判定其使用者電腦装置中並無支援任何flash 版本,但支援WMV格式時,則改以WMV格式版本播放; 201027999 (F)當判定其使用者電腦裝中無支援WMV格式且無安 裝FLASH程式時,將改以靜態影像擷取圖片之HTML格 式播放。 由上可知,本發明所提出之方法,可於使用者點閱視 訊影片時,動態地判定使用者的電腦裝置狀態,並決定其 所需之顯示影片格式,大幅減少平台系統與使用者的電腦 設定不同時,所造成的影片無法有效播放問題,因此將可 提高影片點閱之普及率。 φ 本發明之多種影片播放介面還包括播放速度的切換, 使用者可依本身所擁有的頻寬大小來選擇高低不同速度的 影片,其不同的影片頻寬速度包含、56KB、300KB、 400KB、500KB、800KB、1000KB、1500KB、2000KB, 一共八種速度,每一種速度皆可以WMV、FLV、MPEG-4 三種動態影片格式來播放,即共有24種不同畫面可供選 擇,解決不同頻寬設備與不同平台系統之使用者需求。 再者,本發明亦提出一種新的F LV播放介面,該新介 G 面係以第三方編碼器處理,改良舊有的FLV播放程式,利 用NTSC編碼,提供影片播放效能,預設影片播放影格為 每秒30格速率,透過播放影格的多募來顯示影片是否能 順暢播放。另外新增原始FLV介面所沒有的全螢幕顯示播 放功能;並且新增平順(smoothing)處理,增加影片解析度 而不失真。 【實施方式】 以下係藉由一較佳實例並配合圖式說明本發明之實施 6 201027999 方式,以利貴審查委員能更進一步瞭解本發明之達成目 的所採取之技術。本說明書中的各項細節亦可藉由其他不 同的具體實例加以施行或應用。以下係進一步詳細說明本 發明之觀點,但並非以任何觀點限制本發明之範疇。 第一圖為用以實施本發明線上提供影片瀏覽介面方法 之架構方瑰圖。使用端(10)為各地區之網頁潜】覽使用者. CDN 主機(Content Delivery Network,内容傳遞網路)(12) 統一接收各不同地區之網頁瀏覽使用者;伺服器主機(14) 〇 係自N個不同區域中選定出來的一伺服器主機,係對應該 使用端(1 0)以提供服務,而不同區域具有分別對應負責的 伺服器主機。 請參閱第二圖’為本發明之流程圖’如圖所示,當來 自使用端(1 0)之網頁瀏覽者欲透過網路連接到一遠端的飼 服器以觀看動態影片時,其步驟包含有: 5201 : CND主機(12)判斷使用端(1 〇)之ιρ位址並 φ 指定一配合該使用端(10)的伺服器主機(14),該飼服器主 機(14)可為最接近使用端(1〇)之主機。 5202 :使用端(10)傳送要求網頁資料至該伺服器主機 (14),所傳送之要求網頁資料包含使用端(1〇)之作業系 統、語系、瀏覽器版本、基本通訊協定、欲觀看之影片等。 S203 :伺服器主機(14)接收來自使用端(1〇)之要求網 頁資料經分析後,產生可使用主機之影片列表。词服器主 機(14)係利用程式模組來進行判斷,該程式模組包含一接 201027999 收請求資訊之Apache程式模組、一分析請求資訊之php 程式模組、一影片資料庫MySQL程式模組。影片列表以 分散風險處理方式,每部伺服器主機(14)中皆有24種影片 格式檔案’若某一區伺服器主機(14)發生問題時,可由其 他區飼服器主機(14)支援,該24種影片格式可以是由複數 種影片格式配合不同影片解析度搭配產生,例如將一支原 始影片轉換為3種影片格式(WMV、FLV、MPEG-4),且每 種格式又提供有8種解析度(56KB、300KB、400KB、 ❹ 500KB、800KB、1000KB、1500KB、2000KB)為例,總共 會產生24支影片。 S204 :伺服器主機(14)判定應給予使用端(1〇)影片介 面格式;其判定作法是以java Scr|pt語法所撰寫之程式 自動判定,判斷作法可參考第三圖流程,依序為:是否支 援Script功能、是否支援FLASH程式、FLASH版本新舊、 是否支援WMV格式。 S205:伺服器主機(14)依判定結果傳送適合之播放媒 瘳 It格式至使用端(1Q);其播放介面包含動態及靜態兩種, 例如MPEG-4、FLV、WMV、靜態圖片之一格式。 請參考第三圖所示,係為本發明之系統判定使用者電 腦裝置流程®,圖中所示為上述㈣S2〇3〜S2〇4所需進 行之各項細部程序流程,其包含步驟如下: S301 .伺服益主機(14)自動發送一判定程式請求信號 至該使用端(1G)之電腦裝置,並接收此觸發指令回報系統, 偵測使用端(1〇)之電腦裝置是否有開啟Scr丨pt功能; 201027999 S308 :若使用端(10)之電腦裝置沒有開啟Script功 能,則伺服器主機(14)傳送一靜態圖片播放介面至該使用 端(10)之電腦裝置; 5302 :若使用端(10)之電腦裝置有開啟Script功能, 則再判定電腦裝置是否有安裝FLASH程式,本發明係以 Java Script程式自動判定電腦裝置之相關資訊,例如作業 系統、瀏覽器版本、FLASH版本等,其中,包括判定其作 業系統(如 WINDOWS、LINUX、MAC)、瀏覽器(如 Internet φ Explorer、FIREFOX、Safari)、是否有安裝 FLASH 程式 等; 5303 :若有安裝FLASH程式,則判定其版本是否為 9.0以上; 5304 :若FLASH程式版本為9.0以上,則允許開啟 MPEG-4 格式;Action Script, jpg, png... and other formats, to make a more user-friendly interface, improve image optimization and compatibility processing ‘to achieve cross-platform playback 4 201027999 interface mode. The various movie playing formats of the present invention include: WMV format, FLV format, MPEG-4 format of dynamic movie; image HTML format and FLASH format of static image. When it is determined that the user's computer device has a format that matches any of the dynamic movies, a suitable playback video interface will be given. 'When there is no dynamic movie format in the user's computer device, the system will determine to give a static picture. format. The system determines whether the dynamic video is based on whether Java Script is supported or not, and automatically detects whether the user's FLASH support is new or old, so as to select the playback interface to be given. The image source in the still image is captured by the automated video process every 5 seconds. The image captured by the single image has two sizes of image files for the user to play the interface. You can zoom in on the image by clicking on the thumbnail. The invention automatically determines the user's computer device according to the system, and gives the σ_suitable playing interface. The mode of determining the playing video interface can be subdivided into the following steps: (Α) The system automatically detects whether the user's computer device has Supports the Script ® function; (B) The system determines whether the user's computer device supports the flash program; (C) When it is determined that the user's computer device supports flash, and the version is 9.0 or higher, the system preset value is played MPEG_4 Format version; (D) When it is determined that the user's computer device supports the FLASH program, but it is lower than the 9_〇 version, it is played in the FLV format version; (E) when it is determined that the user's computer device is not Support any flash version, but when it supports WMV format, it will be played in WMV format version; 201027999 (F) When it is determined that the user computer does not support WMV format and there is no FLASH program installed, it will change the image as a still image. Play in HTML format. As can be seen from the above, the method of the present invention can dynamically determine the state of the user's computer device when the user clicks on the video, and determines the desired display format of the video, thereby greatly reducing the platform system and the user's computer. When the settings are different, the resulting movie cannot be played effectively, so it will increase the popularity of the movie. φ The various video playing interfaces of the present invention also include switching of the playing speed, and the user can select the high and low speed videos according to the bandwidth size of the invention, and the different video bandwidth speeds include 56 KB, 300 KB, 400 KB, 500 KB. 800KB, 1000KB, 1500KB, 2000KB, a total of eight speeds, each speed can be played in WMV, FLV, MPEG-4 three dynamic video formats, that is, there are 24 different screens to choose from, to solve different bandwidth devices and different User requirements for the platform system. Furthermore, the present invention also proposes a new F LV playback interface, which is processed by a third-party encoder, improves the old FLV player, uses NTSC encoding to provide video playback performance, and presets a video playback frame. For a rate of 30 frames per second, it is possible to display whether the movie can be played smoothly by playing multiple frames of the playback frame. In addition, the full-screen display playback function that the original FLV interface does not have is added; and smoothing processing is added to increase the resolution of the movie without distortion. [Embodiment] The following is a description of the implementation of the present invention by means of a preferred embodiment and a schematic diagram of the present invention, in order to provide a better understanding of the technology adopted by the review committee. The details in this specification can also be implemented or applied by other specific embodiments. The following is a detailed description of the present invention, but does not limit the scope of the invention in any way. The first figure is an architectural diagram for implementing the method for providing a video browsing interface on the line of the present invention. The user terminal (10) is a webpage for each region. The CDN host (Content Delivery Network) (12) uniformly receives web browsing users in different regions; the server host (14) A server host selected from N different areas is used by the terminal (10) to provide services, and different areas have corresponding server hosts. Please refer to the second figure 'flowchart of the present invention'. As shown in the figure, when a web page viewer from the user end (10) wants to connect to a remote feeding device through the network to watch a dynamic movie, The steps include: 5201: The CND host (12) determines the address of the user (1 〇) and φ specifies a server host (14) that cooperates with the user terminal (10), and the feeder host (14) can It is the host closest to the user (1〇). 5202: The user terminal (10) transmits the required webpage data to the server host (14), and the required webpage information transmitted includes the operating system (1) of the operating system, the language system, the browser version, the basic communication protocol, and the desired communication. Videos, etc. S203: The server host (14) receives the requested web page data from the user end (1〇) and generates a list of movies that can be used by the host. The word server host (14) is judged by using a program module, which includes an Apache program module that receives the request information of 201027999, a php program module that analyzes the request information, and a video database MySQL program module. group. The video list is distributed in a risk-disaggregated manner. There are 24 video format files in each server host (14). If there is a problem with a certain server host (14), it can be supported by other regional server (14). The 24 video formats can be generated by a combination of different video formats and different video resolutions, such as converting one original video into three video formats (WMV, FLV, MPEG-4), and each format is provided. For example, eight kinds of resolutions (56KB, 300KB, 400KB, ❹500KB, 800KB, 1000KB, 1500KB, 2000KB) will generate 24 movies in total. S204: The server host (14) determines that the video interface format should be given to the user (1〇); the determination method is automatically determined by the program written by the java Scr|pt syntax, and the judgment method can refer to the third figure process, in order : Whether to support the script function, whether to support the FLASH program, the FLASH version is old or new, and whether the WMV format is supported. S205: The server host (14) transmits the suitable media format It to the use end (1Q) according to the determination result; the play interface includes dynamic and static, for example, one of MPEG-4, FLV, WMV, and static pictures. . Please refer to the third figure, which is a system for determining the user's computer device in the system of the present invention. The figure shows the detailed program flow required for the above (4) S2〇3~S2〇4, and the steps include the following steps: S301. The servo benefit host (14) automatically sends a decision program request signal to the computer device of the use end (1G), and receives the trigger command report system to detect whether the computer device of the use end (1〇) has Scr turned on. Pt function; 201027999 S308: If the computer device using the terminal (10) does not have the script function enabled, the server host (14) transmits a static picture playing interface to the computer device of the user terminal (10); 5302: if the terminal is used ( 10) The computer device has the function of enabling the script, and then determining whether the computer device has the FLASH program installed. The present invention automatically determines the related information of the computer device by using a Java Script program, such as an operating system, a browser version, a FLASH version, etc., wherein Including determining its operating system (such as WINDOWS, LINUX, MAC), browser (such as Internet φ Explorer, FIREFOX, Safari), whether there is a FLASH program installed, etc. 5303: If the FLASH program is installed, it is determined whether the version is 9.0 or higher; 5304: If the FLASH program version is 9.0 or higher, the MPEG-4 format is allowed to be enabled;
5305 :若FLASH程式版本不是9.0以上,則給予FLV 的播放介面; 〇 S306:若使用端(10)之電腦裝置無安裝FLASH程式, 則判定電腦裝置是否支援WMV格式(是否支援Windows Media Player7.0 版本); 5307 :於步驟S306中,使用端(10)之作業系統若支 援WMV格式,則給予WMV的播放介面; 5308 :於步驟S306中,使用端(10)之作業系統若不 支援WMV格式,則給將給予靜態影像擷取圖片之HTML 格式。 9 201027999 【圖式簡單說明】 第一圖:係為實施本發明線上提供影片瀏覽介面方法 之架構方塊圖。 第二圖:係為本發明線上提供影片瀏覽介面之方法之 資料處理流程不意圖。 第三圖:係為本發明之系統判定使用者電腦裝置流程 圖,系統係自動判定給予播放格式時所需進行之各項程序 流程。 【主要元件符號說明】 (10)使用端 (12)CDN 主機 (14)伺服器主機 (S201 〜S205)步驟 (S301〜S308)步驟5305: If the FLASH program version is not 9.0 or higher, the playback interface of the FLV is given; 〇S306: If the computer device using the terminal (10) does not have the FLASH program installed, it is determined whether the computer device supports the WMV format (whether or not the Windows Media Player 7.0 is supported). Version 5): In step S306, if the operating system using the terminal (10) supports the WMV format, the play interface of the WMV is given; 5308: in step S306, the operating system using the terminal (10) does not support the WMV format. , in the HTML format that will give the static image a picture. 9 201027999 [Simplified description of the drawings] The first figure is an architectural block diagram of a method for providing a video browsing interface on the line of the present invention. Second figure: The data processing flow of the method for providing a video browsing interface on the line of the present invention is not intended. The third figure is a flow chart for determining the user's computer device by the system of the present invention, and the system automatically determines the various program flows required to give the playback format. [Explanation of main component symbols] (10) Use terminal (12) CDN host (14) Server host (S201 to S205) steps (S301 to S308)