CN105592166A - HTML5 video file persistent processing method and HTML5 video file persistent processing system of mobile platform - Google Patents
HTML5 video file persistent processing method and HTML5 video file persistent processing system of mobile platform Download PDFInfo
- Publication number
- CN105592166A CN105592166A CN201610127296.2A CN201610127296A CN105592166A CN 105592166 A CN105592166 A CN 105592166A CN 201610127296 A CN201610127296 A CN 201610127296A CN 105592166 A CN105592166 A CN 105592166A
- Authority
- CN
- China
- Prior art keywords
- video
- html5
- resource
- mobile terminal
- playback request
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Classifications
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/01—Protocols
- H04L67/02—Protocols based on web technology, e.g. hypertext transfer protocol [HTTP]
- H04L67/025—Protocols based on web technology, e.g. hypertext transfer protocol [HTTP] for remote control or remote monitoring of applications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/70—Information retrieval; Database structures therefor; File system structures therefor of video data
- G06F16/78—Retrieval characterised by using metadata, e.g. metadata not derived from the content or metadata generated manually
- G06F16/7867—Retrieval characterised by using metadata, e.g. metadata not derived from the content or metadata generated manually using information manually generated, e.g. tags, keywords, comments, title and artist information, manually generated time, location and usage information, user ratings
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/01—Protocols
- H04L67/02—Protocols based on web technology, e.g. hypertext transfer protocol [HTTP]
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/01—Protocols
- H04L67/06—Protocols specially adapted for file transfer, e.g. file transfer protocol [FTP]
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/50—Network services
- H04L67/56—Provisioning of proxy services
- H04L67/568—Storing data temporarily at an intermediate stage, e.g. caching
Abstract
The invention provides a HTML5 video file persistent processing method of a mobile platform. The HTML5 video file persistent processing comprises the steps of transmitting a video playing request by a HTML5 video tag; transmitting the video playing request to a mobile terminal by a JS end through a docking interface with the mobile terminal; forwarding the video playing request to a local buffer by the mobile terminal; searching a video resource by the local buffer according to the received video playing request, and returning a searched video resource buffered address or a remotely acquired video resource remote address to the HTML5 video tag for playing; downloading a video flow segment by a background according to the video resource remote address, and storing the downloaded video flow segment into the local buffer. The HTML5 video file persistent processing method and the HTML5 video file persistent processing system have advantages of saving data traffic of the mobile terminal, reducing accessing amount to a corresponding video flow server, improving video resource downloading speed in secondary accessing, realizing requirement reduction to bandwidth, and improving user experience.
Description
Technical field
The present invention relates to a kind of HTML5 video file persistence processing method and system of mobile platform.
Background technology
Existing HTML5<video>label video playback capability, the broadcasting to video and basic operationThere is good performance, but the processing of long-distance video buffer memory has not been accomplished to very strong performance. When having browsedWhen a very short video, browser can be preserved this bit of video cache, compares when browsing oneWhen larger video, browser can be all video cache. And, in the time that browser refreshes,Again go to load once from service end again. Will cause like this waste of resource, mobile terminal be produced largeThe network traffics of amount, the recycling rate of waterused of video is not high, and user's experience is poor, while watching video at every turnAll will load from server, a large amount of transmission of videos also makes the requirement of bandwidth higher.
Summary of the invention
One of the technical problem to be solved in the present invention, is to provide a kind of HTML5 video of mobile platformFile persistence processing method, improves by the method the speed that the access of video resource secondary loads, and reducesRequirement to bandwidth, improved user's experience.
The present invention realizes one of technical problem like this: the HTML5 video file of mobile platform is lastingChange processing method, described method comprises the steps:
Step 1, HTML5 video tab send video playback request;
Step 2, JS hold by video playback request being transmitted to mobile terminal with the mating interface of mobile terminal;
Video playback request is transmitted to local cache by step 3, mobile terminal;
Step 4, local cache are searched video resource according to the video playback request receiving, and will be foundVideo resource buffer address or return to HTML5 from the video resource remote address of Remote AcquisitioningVideo tab is play;
Step 5, backstage be according to video resource remote address download video stream fragment, and by the video of downloadingFlow section is saved to local cache.
Further, the video ID that comprises request in described video playback request.
Further, described step 4 is specially:
Local cache receives after video playback request, according to the video ID in video playback request from thisIn the video library of ground buffer memory, search video resource, if there is video resource in video library, video is providedSource cache address returns to HTML5 video tab by the mating interface of mobile terminal and JS end and broadcastsPut; If there is not video resource in video library, from Remote Acquisitioning video resource remote address, and willThe video resource remote address of obtaining returns to HTML5 by the mating interface of mobile terminal and JS end and looksFrequency marking label are play.
Two of the technical problem to be solved in the present invention, is to provide a kind of HTML5 video of mobile platformFile persistence treatment system, improves by this system the speed that the access of video resource secondary loads, and reducesRequirement to bandwidth, improved user's experience.
The present invention realizes two of technical problem like this: the HTML5 video file of mobile platform is lastingChange treatment system, described system comprises:
Request module, sends video playback request for HTML5 video tab;
To connection module, hold by video playback request being transmitted to the mating interface of mobile terminal for JSMobile terminal;
Request forwarding module, is transmitted to local cache for mobile terminal by video playback request;
Resource lookup module, searches video resource for local cache according to the video playback request receiving,And return by the video resource buffer address finding or from the video resource remote address of Remote AcquisitioningPlay to HTML5 video tab;
Memory module,, and will download according to video resource remote address download video stream fragment for backstageVideo flowing fragment be saved to local cache.
Further, the video ID that comprises request in described video playback request.
Further, described resource lookup module is specially:
Local cache receives after video playback request, according to the video ID in video playback request from thisIn the video library of ground buffer memory, search video resource, if there is video resource in video library, video is providedSource cache address returns to HTML5 video tab by the mating interface of mobile terminal and JS end and broadcastsPut; If there is not video resource in video library, from Remote Acquisitioning video resource remote address, and willThe video resource remote address of obtaining returns to HTML5 by the mating interface of mobile terminal and JS end and looksFrequency marking label are play.
Tool of the present invention has the following advantages: the present invention made up existing HTML5<video>label is without videoThe weakness of file cache, can persistence be used the video resource of buffer memory, can save the stream of mobile terminalAmount is used, and has alleviated the access pressure of corresponding video streaming services device, has improved the video resource of secondary accessLoading velocity, has reduced the requirement to bandwidth, has improved user's experience.
Brief description of the drawings
The present invention is further illustrated in conjunction with the embodiments with reference to the accompanying drawings.
Fig. 1 is the execution flow process of the HTML5 video file persistence processing method of mobile platform of the present inventionFigure.
Detailed description of the invention
Please refer to shown in Fig. 1, the HTML5 video file persistence processing method of mobile platform, described inMethod comprises the steps:
Step 1, HTML5 video tab send video playback request; Current HTML5<video>Broadcasting and the basic operation of label to video all had good performance. In described video playback request, wrapContaining the video ID of request, in the time that follow-up video resource is searched, can search accordingly according to video IDVideo resource.
Step 2, JS hold by video playback request being transmitted to mobile terminal with the mating interface of mobile terminal;This JS end adopts JavaScript language compilation with the mating interface of mobile terminal, for each flat with mobile terminalThe WebView control of platform (for example Android, IOS, Windows etc.) carries out alternately, mainThe communicating by letter of system applies that solves HTML5 and the each platform in mobile terminal, reaches JavaScript and can call flatThe function of the various system applies of platform.
Video playback request is transmitted to local cache by step 3, mobile terminal;
Step 4, local cache are searched video resource according to the video playback request receiving, and will be foundVideo resource buffer address or return to HTML5 from the video resource remote address of Remote AcquisitioningVideo tab is play; This step is specially:
Local cache receives after video playback request, according to the video ID in video playback request from thisIn the video library of ground buffer memory, search video resource, if there is video resource in video library, video is providedSource cache address returns to HTML5 video tab by the mating interface of mobile terminal and JS end and broadcastsPut; If there is not video resource in video library, from Remote Acquisitioning video resource remote address, and willThe video resource remote address of obtaining returns to HTML5 by the mating interface of mobile terminal and JS end and looksFrequency marking label are play. Wherein, in the mating interface of mobile terminal and JS end, include WebView withAnd similar control, and all controls are all supported and the interactive function of JavaScript.
Step 5, backstage be according to video resource remote address download video stream fragment, and by the video of downloadingFlow section is saved to local cache. In the time of download video stream fragment, also comprise video flowing fragment is closedAnd and transcoding, and then video flowing fragment is saved in local cache. Like this, when refreshing or closing clearLook at after device, when continuing to watch or again watching video, just can directly obtain accordingly from local cacheVideo resource, and without reloading from remote server.
The HTML5 video file persistence treatment system of mobile platform of the present invention, described system comprises:
Request module, sends video playback request for HTML5 video tab; Current HTML5's<video>broadcasting and the basic operation of label to video all had good performance. Described video playbackIn request, comprise the video ID of request, in the time that follow-up video resource is searched, can look into according to video IDLook for corresponding video resource.
To connection module, hold by video playback request being transmitted to the mating interface of mobile terminal for JSMobile terminal; This JS end adopts JavaScript language compilation with the mating interface of mobile terminal, for moveThe WebView control of the each platform in moved end (for example Android, IOS, Windows etc.) is handed overMutually, mainly solve the communicating by letter of system applies of HTML5 and the each platform in mobile terminal, reach JavaScriptThe function of the various system applies of energy calling platform.
Request forwarding module, is transmitted to local cache for mobile terminal by video playback request;
Resource lookup module, searches video resource for local cache according to the video playback request receiving,And return by the video resource buffer address finding or from the video resource remote address of Remote AcquisitioningPlay to HTML5 video tab; This resource lookup module is specially:
Local cache receives after video playback request, according to the video ID in video playback request from thisIn the video library of ground buffer memory, search video resource, if there is video resource in video library, video is providedSource cache address returns to HTML5 video tab by the mating interface of mobile terminal and JS end and broadcastsPut; If there is not video resource in video library, from Remote Acquisitioning video resource remote address, and willThe video resource remote address of obtaining returns to HTML5 by the mating interface of mobile terminal and JS end and looksFrequency marking label are play. Wherein, in the mating interface of mobile terminal and JS end, include WebView withAnd similar control, and all controls are all supported and the interactive function of JavaScript.
Memory module,, and will download according to video resource remote address download video stream fragment for backstageVideo flowing fragment be saved to local cache. In the time of download video stream fragment, also comprise video flowing fragmentMerge and transcoding, and then video flowing fragment is saved in local cache. Like this, when refreshing orClose after browser, when continuing to watch or again watching video, just can directly obtain from local cacheCorresponding video resource, and without reloading from remote server.
In a word, tool of the present invention has the following advantages: made up existing HTML5<video>label ignoresThe weakness of frequency file buffer memory, can persistence be used the video resource of buffer memory, can save mobile terminalFlow uses, and has alleviated the access pressure of corresponding video streaming services device, has improved the video money of secondary accessSource loading velocity, has reduced the requirement to bandwidth, has improved user's experience.
Although more than described the specific embodiment of the present invention, be familiar with the technology people of the artMember should be appreciated that our described specific embodiment is illustrative, instead of for to thisThe restriction of bright scope, those of ordinary skill in the art are equivalent what do according to spirit of the present inventionModify and change, all should be encompassed in the scope that claim of the present invention protects.
Claims (6)
1. a HTML5 video file persistence processing method for mobile platform, is characterized in that:Described method comprises the steps:
Step 1, HTML5 video tab send video playback request;
Step 2, JS hold by video playback request being transmitted to mobile terminal with the mating interface of mobile terminal;
Video playback request is transmitted to local cache by step 3, mobile terminal;
Step 4, local cache are searched video resource according to the video playback request receiving, and will be foundVideo resource buffer address or return to HTML5 from the video resource remote address of Remote AcquisitioningVideo tab is play;
Step 5, backstage be according to video resource remote address download video stream fragment, and by the video of downloadingFlow section is saved to local cache.
2. the HTML5 video file persistence place of a kind of mobile platform according to claim 1Reason method, is characterized in that: the video ID that comprises request in described video playback request.
3. the HTML5 video file persistence place of a kind of mobile platform according to claim 2Reason method, is characterized in that: described step 4 is specially:
Local cache receives after video playback request, according to the video ID in video playback request from thisIn the video library of ground buffer memory, search video resource, if there is video resource in video library, video is providedSource cache address returns to HTML5 video tab by the mating interface of mobile terminal and JS end and broadcastsPut; If there is not video resource in video library, from Remote Acquisitioning video resource remote address, and willThe video resource remote address of obtaining returns to HTML5 by the mating interface of mobile terminal and JS end and looksFrequency marking label are play.
4. a HTML5 video file persistence treatment system for mobile platform, is characterized in that:Described system comprises:
Request module, sends video playback request for HTML5 video tab;
To connection module, hold by video playback request being transmitted to the mating interface of mobile terminal for JSMobile terminal;
Request forwarding module, is transmitted to local cache for mobile terminal by video playback request;
Resource lookup module, searches video resource for local cache according to the video playback request receiving,And return by the video resource buffer address finding or from the video resource remote address of Remote AcquisitioningPlay to HTML5 video tab;
Memory module,, and will download according to video resource remote address download video stream fragment for backstageVideo flowing fragment be saved to local cache.
5. the HTML5 video file persistence place of a kind of mobile platform according to claim 4Reason system, is characterized in that: the video ID that comprises request in described video playback request.
6. the HTML5 video file persistence place of a kind of mobile platform according to claim 5Reason system, is characterized in that: described resource lookup module is specially:
Local cache receives after video playback request, according to the video ID in video playback request from thisIn the video library of ground buffer memory, search video resource, if there is video resource in video library, video is providedSource cache address returns to HTML5 video tab by the mating interface of mobile terminal and JS end and broadcastsPut; If there is not video resource in video library, from Remote Acquisitioning video resource remote address, and willThe video resource remote address of obtaining returns to HTML5 by the mating interface of mobile terminal and JS end and looksFrequency marking label are play.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610127296.2A CN105592166A (en) | 2016-03-07 | 2016-03-07 | HTML5 video file persistent processing method and HTML5 video file persistent processing system of mobile platform |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610127296.2A CN105592166A (en) | 2016-03-07 | 2016-03-07 | HTML5 video file persistent processing method and HTML5 video file persistent processing system of mobile platform |
Publications (1)
Publication Number | Publication Date |
---|---|
CN105592166A true CN105592166A (en) | 2016-05-18 |
Family
ID=55931369
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201610127296.2A Pending CN105592166A (en) | 2016-03-07 | 2016-03-07 | HTML5 video file persistent processing method and HTML5 video file persistent processing system of mobile platform |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN105592166A (en) |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110611842A (en) * | 2019-09-20 | 2019-12-24 | 天津卓朗科技发展有限公司 | Video transmission management method based on virtual machine and related device |
US11062497B2 (en) | 2017-07-17 | 2021-07-13 | At&T Intellectual Property I, L.P. | Structuralized creation and transmission of personalized audiovisual data |
CN114051152A (en) * | 2022-01-17 | 2022-02-15 | 飞狐信息技术(天津)有限公司 | Video playing method and device, storage medium and electronic equipment |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2010054598A1 (en) * | 2008-11-14 | 2010-05-20 | 北京搜狗科技发展有限公司 | Method and apparatus for showing web page-related resources |
CN103281457A (en) * | 2013-06-03 | 2013-09-04 | 贝壳网际(北京)安全技术有限公司 | Video playing method and device in mobile terminal browser and browser |
CN103618942A (en) * | 2013-12-16 | 2014-03-05 | 乐视致新电子科技(天津)有限公司 | Smart television, as well as method and device for playing browser webpage video of smart television |
CN103699674A (en) * | 2013-12-31 | 2014-04-02 | 优视科技有限公司 | Webpage storing method, webpage opening method, webpage storing device, webpage opening device and webpage browsing system |
CN104065896A (en) * | 2014-06-25 | 2014-09-24 | 北京奇虎科技有限公司 | Method for carrying out audio and video information display in browser and device thereof |
CN104601535A (en) * | 2014-05-08 | 2015-05-06 | 腾讯科技(深圳)有限公司 | Video processing method and system |
-
2016
- 2016-03-07 CN CN201610127296.2A patent/CN105592166A/en active Pending
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2010054598A1 (en) * | 2008-11-14 | 2010-05-20 | 北京搜狗科技发展有限公司 | Method and apparatus for showing web page-related resources |
CN103281457A (en) * | 2013-06-03 | 2013-09-04 | 贝壳网际(北京)安全技术有限公司 | Video playing method and device in mobile terminal browser and browser |
CN103618942A (en) * | 2013-12-16 | 2014-03-05 | 乐视致新电子科技(天津)有限公司 | Smart television, as well as method and device for playing browser webpage video of smart television |
CN103699674A (en) * | 2013-12-31 | 2014-04-02 | 优视科技有限公司 | Webpage storing method, webpage opening method, webpage storing device, webpage opening device and webpage browsing system |
CN104601535A (en) * | 2014-05-08 | 2015-05-06 | 腾讯科技(深圳)有限公司 | Video processing method and system |
CN104065896A (en) * | 2014-06-25 | 2014-09-24 | 北京奇虎科技有限公司 | Method for carrying out audio and video information display in browser and device thereof |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US11062497B2 (en) | 2017-07-17 | 2021-07-13 | At&T Intellectual Property I, L.P. | Structuralized creation and transmission of personalized audiovisual data |
CN110611842A (en) * | 2019-09-20 | 2019-12-24 | 天津卓朗科技发展有限公司 | Video transmission management method based on virtual machine and related device |
CN110611842B (en) * | 2019-09-20 | 2022-03-29 | 天津卓朗科技发展有限公司 | Video transmission management method based on virtual machine and related device |
CN114051152A (en) * | 2022-01-17 | 2022-02-15 | 飞狐信息技术(天津)有限公司 | Video playing method and device, storage medium and electronic equipment |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US9247523B1 (en) | System, method and device for initiating actions for mobile devices prior to a mobile user entering problem zones | |
CN102158553B (en) | Method and device for playing multi-media files for remote desktop | |
WO2001039039A1 (en) | System to support mobile visual communications | |
US8825856B1 (en) | Usage-based content filtering for bandwidth optimization | |
US10498783B2 (en) | Non-DSG mechanisms for aligning client devices with their multicast data flows in a DOCSIS network environment | |
CN105592166A (en) | HTML5 video file persistent processing method and HTML5 video file persistent processing system of mobile platform | |
CN103430169A (en) | Pre-fetching of assets to user equipment | |
US20180132152A1 (en) | Reducing stream interruptions during network handover | |
US20200351553A1 (en) | Method and system to reduce network bandwidth usage for video streaming | |
CN112422978A (en) | Intelligent transcoding method and device, electronic equipment and storage medium | |
CN103780933A (en) | Remote control method and control apparatus for multimedia terminal | |
CN105050059A (en) | Information push method and information push platform | |
CN115134632A (en) | Video code rate control method, device, medium and Content Delivery Network (CDN) system | |
US20130298175A1 (en) | Constructing a customized message in a video-on-demand service | |
CN113285931B (en) | Streaming media transmission method, streaming media server and streaming media system | |
US20090210824A1 (en) | Content list display apparatus and content list display method | |
CN106791992A (en) | Signal source method for pushing and system | |
CN105392048A (en) | Video delivery control method and system | |
CN112636971B (en) | Service degradation method and device, electronic equipment and storage medium | |
CN111200562B (en) | Flow guiding method, static father node, edge node and CDN (content delivery network) | |
CN113727172A (en) | Video cache playing method and device, electronic equipment and storage medium | |
CN114584826A (en) | Video dynamic downloading method and device, electronic equipment and storage medium | |
CN104866301A (en) | Method and device for calling and auxiliary calling of local end capacity | |
CN113242446A (en) | Video frame caching method, video frame forwarding method, communication server and program product | |
KR20180009348A (en) | Method and apparatus for coordinating distributed bottlenecks in dashes with resource pricing |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20160518 |
|
WD01 | Invention patent application deemed withdrawn after publication |