CN103500187A

CN103500187A - Method and device for processing pictures in browser and browser

Info

Publication number: CN103500187A
Application number: CN201310419149.9A
Authority: CN
Inventors: 杭程; 欧胜; 任寰
Original assignee: Beijing Qihoo Technology Co Ltd; Qizhi Software Beijing Co Ltd
Current assignee: Beijing Qihoo Technology Co Ltd
Priority date: 2013-09-13
Filing date: 2013-09-13
Publication date: 2014-01-08
Anticipated expiration: 2033-09-13
Also published as: WO2015035944A1; CN103500187B

Abstract

The invention discloses a method for processing pictures in a browser. The method comprises the steps that original picture data are obtained through the browser side, and voice frequency data and/or special-effect data are obtained; feature code picture data are generated according to the voice frequency data and/or the special-effect data; the feature code picture data are added to the original picture data to generate feature pictures. The method has the advantages that user-defined rendering operation, adopting the voice frequency data, the special-effect data and the like, of a user during picture loading can be recorded through the feature code picture data, and therefore the problem that a client can not support individually user-defined rendering operation during picture loading is solved, rendering of the pictures is achieved on the basis of the browser, various webpage rendering modes are achieved, occupied storage resources of a server are reduced, occupied operation resources of the server are reduced, and webpage rendering efficiency of the browser is improved.

Description

A kind of method, device and browser that carries out picture processing in browser

Technical field

The present invention relates to the technical field of internet, applications, be specifically related to a kind of method of picture processing, a kind of device that carries out picture processing in browser of carrying out in browser, and, a kind of browser.

Background technology

Increasingly universal along with internet, applications, internet, applications changes to obtain horn of plenty more from single access and browsing page, in this process, it is more and more general that the user edits to picture the individual demand beautified, but a lot of application can't support the user picture to be edited to the individual demand beautified.

For example browser loads and plays up HTML(HyperText Markup Language, HTML (Hypertext Markup Language)) webpage.Browser refers to can the display web page server or the HTML(HyperText Markup Language of file system, HTML (Hypertext Markup Language)) file content, and allow a kind of software of user and these file interactions.Web browser is mainly by HTTP(HTTP-Hypertext transfer protocol, HTML (Hypertext Markup Language)) agreement and web page server are mutual and obtain webpage, these webpages are by URL(UniformResourceLocator, URL(uniform resource locator)) specify, file layout is generally HTML, and by MIME(Multipurpose Internet Mail Extensions, the expansion of multi-usage internet mail) in http protocol, indicate.Can comprise a plurality of documents in a webpage, each document obtains from server respectively.

Most browser itself is supported the form widely except HTML, picture formats such as JPEG, PNG, GIF, and can expand and support numerous plug-in units (plug-ins).In addition, many browsers are also supported other URL type and corresponding agreement thereof, as the encryption version of FTP, Gopher, HTTPS(HTTP agreement).

HTTP content type and URL protocol specification allow Web page maker embedded images, animation, video, sound, Streaming Media etc. in webpage.

Below that browser loads the process Loaded Image in html web page of playing up:

1. the user inputs network address (suppose it is a html page, and be to access for the first time), and browser sends request to server, and server returns to the html file;

2. browser starts to be written into the html code, in discovery<head>label, has one<link>label to quote outside CSS file;

3. browser sends again the request of CSS file, and server returns to this CSS file;

4. the code of continue to be written in html<body>part of browser, and received the CSS file, can start to play up the page;

5. browser finds that in code one<img>label quoted a pictures, to server, sends request.Now browser can not wait until that picture downloaded, but continues to play up the code of back.

Browser is for the loading of picture element and play up at normal web page element and loaded, the browser renders engine is after picture element identification, form according to the label of the picture element of html language is identified, and then to corresponding server, downloads corresponding picture.

Standard according to HTML is carried out the identification of picture element and plays up, browser engine is exactly the loading that completes simply a pictures, the content of picture itself has determined after picture loads the content shown, browser generally can not carry out non-image content to picture other play up work, be only that static picture loads, do not support the user picture to be edited to the individual demand beautified.

The dynamic effect of the picture loaded in browser, for example load supporting sound or animation effect, all by image content, provided.Can use JS(JavaScript, script) realize that some dynamic effects---the loading plurality of pictures, in order to be switched, to play corresponding background or to play sound on backstage, can dynamically load audio files, motion picture etc. by JS.

But the compilation operation complexity of JS, the general user does not possess the ability of writing of JS, and occupying system resources is a lot, and server does not generally support client again to write the JS of webpage in addition, does not support the user picture to be edited to the individual demand beautified.Due to JS write the custom different, operation and the browser of various JS not necessarily mate, and may occur that JS moves incompatible problem.

Summary of the invention

In view of the above problems, the present invention has been proposed in order to a kind of a kind of method and the corresponding a kind of device of picture processing, a kind of browser of carrying out that carries out picture processing in browser that overcomes the problems referred to above or address the above problem at least in part is provided in browser.

According to one aspect of the present invention, a kind of method of carrying out picture processing in browser is provided, comprising:

Obtain raw image data in the browser side, obtain voice data and/or special efficacy data;

According to described voice data and/or special efficacy data, generating feature code view data;

Add described condition code view data generating feature picture on described raw image data.

Alternatively, before the step of described acquisition raw image data, described method also comprises: obtain the log-on message of browser client account, carry out the login of browser client;

And by the feature picture of described formation save as the picture that this browser client is corresponding.

Alternatively, the described step of obtaining raw image data in the browser side comprises:

Determine the address of described raw image data, described address comprises local address or the network address;

From the described raw image data of described address extraction.

Alternatively, described voice data comprises audio file or recording file; Described special efficacy data comprise GIF picture file or FLASH file.

Alternatively, the described step of obtaining voice data and/or special efficacy data comprises:

Obtain local address or the network address of audio file or recording file;

Extract described audio file or recording file from described local address or the network address;

And/or,

Obtain local address or the network address of the related FLASH element of FLASH file;

Extract the FLASH element of described FLASH file from described local address or the network address;

And/or,

Obtain local address or the network address of GIF picture file;

Extract described GIF picture from described local address or the network address.

Alternatively, described condition code view data comprises the content code, operational code and operating parameter, and the described voice data of described foundation and/or special efficacy data, the step of generating feature code view data comprises:

For described voice data and/or operational code corresponding to special efficacy data configuration;

For the operational code of described voice data and/or special efficacy data configures corresponding operating parameter;

Obtain the sign of described voice data and/or special efficacy data;

Adopt the sign generating content code of described voice data and/or special efficacy data;

By described content code, operational code and operating parameter composition characteristic code view data.

Alternatively, the described step of obtaining the sign of described voice data and/or special efficacy data comprises:

Described voice data is uploaded to the server side that browser is corresponding; Described server is for the sign of the described voice data of address generation according to described voice data;

Receive the sign of the described voice data that described server returns;

And/or,

By described special efficacy data upload to server side corresponding to browser; Described server is for generating the sign of described special efficacy data for the described special efficacy data that configured operating parameter;

Receive the sign of the described special efficacy data that described server returns;

And/or,

Extract the preset sign of described voice data and/or special efficacy data.

Alternatively, also comprise the sign picture that identifies the picture side of generation in described condition code view data.

Alternatively, described condition code view data is image in 2 D code data or bar code image data.

Alternatively, described method also comprises:

The feature picture of described generation is uploaded in the server that described browser is corresponding.

Alternatively, to carry out picture processing in wherein said browser be to be embodied as a browser plug-in of browser side or be a browser application or a stand-alone utility can calling for browser.

Alternatively, described method also comprises:

In the browser side, the feature picture of described generation is distributed in network.

According to a further aspect in the invention, provide a kind of structured flowchart that carries out the device embodiment of picture processing in browser, having comprised:

The raw image data acquisition module, be suitable for obtaining raw image data in the browser side;

The rich media data acquisition module, be suitable for obtaining voice data and/or special efficacy data;

Condition code view data generation module, be suitable for according to described voice data and/or special efficacy data, generating feature code view data;

The feature image generating module, be suitable for adding described condition code view data generating feature picture on described raw image data.

Alternatively, described device also comprises:

Account logs in module, is suitable for obtaining the log-on message of browser client account, carries out the login of browser client;

Picture is preserved module, is suitable for the feature picture of described formation is saved as to the picture that this browser client is corresponding.

Alternatively, described raw image data acquisition module also is suitable for:

From the described raw image data of described address extraction.

Alternatively, described rich media data acquisition module also is suitable for:

Obtain local address or the network address of audio file or recording file;

And/or,

Obtain local address or the network address of GIF picture file;

Alternatively, described condition code view data comprises the content code, operational code and operating parameter, and described condition code view data generation module also is suitable for:

Obtain the sign of described voice data and/or special efficacy data;

Alternatively, described condition code view data generation module also is suitable for:

Receive the sign of the described voice data that described server returns;

And/or,

By described special efficacy data upload to server side corresponding to browser; Described server is for generating the sign of described special efficacy data for described special efficacy data;

And/or,

Extract the preset sign of described voice data and/or special efficacy data.

Alternatively, described device also comprises:

Feature picture uploading module, be suitable for the feature picture of described generation is uploaded in the server that described browser is corresponding.

Alternatively, described device also comprises:

Feature picture distribution module, be suitable in the browser side, the feature picture of described generation being distributed in network.

According to a further aspect in the invention, provide a kind of and browsed, having comprised:

Alternatively, described browser also comprises:

From the described raw image data of described address extraction.

Obtain local address or the network address of audio file or recording file;

And/or,

Obtain local address or the network address of GIF picture file;

Obtain the sign of described voice data and/or special efficacy data;

Receive the sign of the described voice data that described server returns;

And/or,

Extract the preset sign of described voice data and/or special efficacy data.

Alternatively, described browser also comprises:

According to a kind of image processing method of playing up based on webpage of the present invention, device and browser, can be by condition code view data record user to the employing voice data when Loading Image, special efficacy data etc. self-defined played up operation, solved thus the problem of playing up operation when client is not supported the loading of user individual definition picture, obtained based on browser and realized playing up for picture, abundant webpage is played up mode, reduce the server stores resource occupation, reduce server operation resource occupation, improved the beneficial effect of browser renders webpage efficiency.

Above-mentioned explanation is only the general introduction of technical solution of the present invention, in order to better understand technological means of the present invention, and can be implemented according to the content of instructions, and for above and other objects of the present invention, feature and advantage can be become apparent, below especially exemplified by the specific embodiment of the present invention.

The accompanying drawing explanation

By reading hereinafter detailed description of the preferred embodiment, various other advantage and benefits will become cheer and bright for those of ordinary skills.Accompanying drawing is only for the purpose of preferred implementation is shown, and do not think limitation of the present invention.And, in whole accompanying drawing, by identical reference symbol, mean identical parts.In the accompanying drawings:

Fig. 1 shows a kind of according to an embodiment of the invention flow chart of steps of carrying out the embodiment of the method 1 of picture processing in browser;

Fig. 2 shows a kind of according to an embodiment of the invention flow chart of steps of carrying out the embodiment of the method 2 of picture processing in browser;

Fig. 3 a shows a kind of according to an embodiment of the invention original image exemplary plot;

Fig. 3 b shows a kind of according to an embodiment of the invention bar code exemplary plot;

Fig. 3 c shows a kind of according to an embodiment of the invention sign picture exemplary plot;

Fig. 4 shows a kind of according to an embodiment of the invention condition code view data exemplary plot;

Fig. 5 shows a kind of according to an embodiment of the invention feature picture exemplary plot;

Fig. 6 shows a kind of according to an embodiment of the invention flow chart of steps of carrying out the embodiment of the method 3 of picture processing in browser;

Fig. 7 a-Fig. 7 i shows a kind of according to an embodiment of the invention feature picture making example flow diagram;

Fig. 8 shows a kind of according to an embodiment of the invention structured flowchart that carries out the device embodiment of picture processing in browser;

Fig. 9 shows a kind of according to an embodiment of the invention flow chart of steps of carrying out the embodiment of the method for picture loading in browser;

Figure 10 a and Figure 10 b show a kind of according to an embodiment of the invention parsing exemplary plot of feature picture;

Figure 11 shows a kind of according to an embodiment of the invention structured flowchart that carries out the device embodiment of picture loading in browser.

Embodiment

Exemplary embodiment of the present disclosure is described below with reference to accompanying drawings in more detail.Although shown exemplary embodiment of the present disclosure in accompanying drawing, yet should be appreciated that and can realize the disclosure and the embodiment that should do not set forth limits here with various forms.On the contrary, it is in order more thoroughly to understand the disclosure that these embodiment are provided, and can be by the scope of the present disclosure complete conveys to those skilled in the art.

With reference to Fig. 1, show a kind of according to an embodiment of the invention flow chart of steps of carrying out the embodiment of the method 1 of picture processing in browser, specifically can comprise the following steps:

Step 101, obtain raw image data in the browser side;

Step 102, obtain voice data and/or special efficacy data;

Step 103, according to described voice data and/or special efficacy data, generating feature code view data;

Step 104 is added described condition code view data generating feature picture on described raw image data.

In embodiments of the present invention, can play up operation to the employing voice data when Loading Image, special efficacy data etc. self-defined by condition code view data record user, solved thus the problem of playing up operation when client is not supported the loading of user individual definition picture, obtained based on browser and realized playing up for picture, abundant webpage is played up mode, reduce the server stores resource occupation, reduce server operation resource occupation, improved the beneficial effect of browser renders webpage efficiency.

With reference to Fig. 2, show a kind of according to an embodiment of the invention flow chart of steps of carrying out the embodiment of the method 2 of picture processing in browser, specifically can comprise the following steps:

Step 201, the log-on message of acquisition browser client account, carry out the login of browser client; And by the feature picture of described formation save as the picture that this browser client is corresponding.

The epoch of sharing at Internet resources, the user is easy to occur non-behavior of personal control, and in order to strengthen management, self-defined when Loading Image of user played up operation, can be based on user account and carry out, prevent the user and propagate the illegal acts such as illegal picture, voice data and special efficacy data.

In addition, logging in the browser client account can also relate to its self-defined playing up in operation data and be kept in its account data, to facilitate the user, can also continue to continue to use it and self-definingly plays up operation logging in different browsers.

Step 202, obtain raw image data in the browser side;

In specific implementation, to carry out picture processing in described browser be to be embodied as a browser plug-in of browser side or be a browser application or a stand-alone utility can calling for browser.

It should be noted that, raw image data is for forming the feature picture, and the picture loaded when it can be played up for webpage, for the user chooses, can be local, can be also online.

In a preferred embodiment of the present invention, described step 202 specifically can comprise following sub-step:

Sub-step S11, determine the address of described raw image data, and described address comprises local address or the network address;

Sub-step S12, from the described raw image data of described address extraction.

After obtaining raw image data, user self-defined dynamically played up operation and can be based on this raw image data and carry out.

Step 203, obtain voice data;

In specific implementation, voice data comprises audio file or recording file.Voice data can be local, can be that the server that browser is corresponding is stored, and can also be that online other platforms are stored, and the present invention is not limited this.

In a preferred embodiment of the present invention, described step 203 specifically can comprise following sub-step:

Sub-step S21, the local address or the network address that obtain audio file or recording file;

Sub-step S22, extract described audio file or recording file from described local address or the network address;

Audio file, can be song, audio-visual audio frequency etc., and recording file can be the song recorded, blessing language etc.

Step 204, according to described voice data generating feature code view data;

In actual applications, described condition code view data can be Quick Response Code (2-dimensional bar code) view data or bar code image data (barcode).

Certainly, the condition code view data can also be other view data, if can recording user self-definedly play up operation.

In a preferred embodiment of the present invention, described condition code view data comprises content code, operational code and operating parameter, and described step 204 can comprise following sub-step:

Sub-step S31, for described voice data configures corresponding operational code; ;

Can comprise in operational code that the user is to the self-defining operation behavior of voice data.For example, playing audio-fequency data can be that crescendo broadcasting, diminuendo are play etc.; When playing a voice data, operation information can be normal play, and when playing two or more voice data, operation information can comprise loop play, shuffle etc.

In actual applications, the operation information of voice data can have corresponding character string code to be identified.For example, normal play is 1, and loop play is 2, and shuffle is 3 etc.

Sub-step S32, for the operational code of described voice data configures corresponding operating parameter;

Operating parameter can be the concrete enforcement parameter of executable operations code.For example, voice data play can be when, play, playing duration, broadcasting time, the playing sequence when having two or two voice datas etc.

In actual applications, the operating parameter of voice data can have corresponding character string code to be identified.For example, broadcasting time can mean with character string code 1X, wherein 1 represents the selection broadcasting time, the concrete number of times of playing of X representative.

It should be noted that, operating parameter can be sky in some cases.For example, self-defined playing audio-fequency data, operational code is normal play, when operating parameter is empty, can indicate this voice data of normal play, plays this voice data being played up while starting, do not control when play, playing duration, broadcasting time etc.

Sub-step S33, obtain the sign of described voice data;

The sign of voice data can be the intrinsic sign of this voice data for the mark voice data, MD5(Message Digest Algorithm for example, Message Digest Algorithm 5) value, No. ID etc.For the ease of unified management, improve the efficiency of management, can generate new sign according to preset rules.

In a kind of preferred exemplary of the embodiment of the present invention, described sub-step S33 further can comprise following sub-step:

Sub-step S331, be uploaded to by described voice data the server side that browser is corresponding; Described server is for the sign of the described voice data of address generation according to described voice data;

Sub-step S332, receive the sign of the described voice data that described server returns; ;

Perhaps,

Sub-step S333, extract the preset sign of described voice data.

The address of voice data can be local address, can be also the network address.

When the address of voice data is local address, in order to improve the stability of service, can upload this audio file to server stores.Server can generate corresponding new sign according to preset rules then.

When the address of voice data is the network address, in order to improve the stability of service, server can be accessed described address, and this voice data is stored in to server this locality; Take and reduce the operation resource occupation in order to reduce storage resources, server also can directly adopt the sign that this address generation is corresponding.

In actual applications, for convenience of generating feature code view data, the sign of generation can be character string.

It should be noted that, the preset sign of voice data can be the intrinsic sign of this voice data, can be also sign corresponding to voice data that is stored in server.

Sub-step S34, adopt the sign generating content code of described voice data;

In actual applications, the content code can be sign itself, also can generate according to preset rules.For example, the user has selected voice data AAA and special efficacy data BBB simultaneously, and wherein AAA and BBB, for sign, can the generating content code be 1AAA2BBB, and wherein, 1 represents that AAA is voice data, and 2 represent that BBB is the special efficacy data.

Sub-step S35, by described content code, operational code and operating parameter composition characteristic code view data.

In specific implementation, can adopt bar code to make the coding making that application program or Quick Response Code making application program etc. are carried out bar code or Quick Response Code.

In a preferred embodiment of the present invention, also comprise the sign picture that identifies the picture side of generation in described condition code view data.

Sign picture (Logo) can not participate in the conversion of bar code or Quick Response Code, directly adds in the bar code image data or image in 2 D code data that generated.

It should be noted that, content code, operational code and operating parameter can be organized rear transcoding to generate bar code or Quick Response Code according to preset rules.For example, the content code accounts for ten character strings, makes number one; The content code accounts for four character strings, comes second; The operating parameter code accounts for six character strings, comes the 3rd.The left side that sign picture (Logo) can add bar code or the Quick Response Code of generation to, the generating feature view data.

Step 205 is added described condition code view data generating feature picture on described raw image data;

In actual applications, character image data is added in the positions such as below that can raw image data, left, right-hand, top, and the present invention is not limited this.

Step 206, be uploaded to the feature picture of described generation in the server that described browser is corresponding.

This server can be stored this feature picture, and this feature picture can load when webpage is played up.

In order to facilitate those skilled in the art to understand better the present invention, below by a complete example, illustrate further the present invention:

1, user's login user account;

2, obtain original image, as shown in Figure 3 a;

The voice data of having play when 3, the user has selected song " paradise " conduct of the song on the network " Qinghai-Tibet Platean " and server stores to play up.Wherein, " paradise " has preset sign 7517, and the network address of " Qinghai-Tibet Platean " is http://music.XXX.com/12345678.mp3, and this address is uploaded onto the server, server for this address generation the sign of voice data " Qinghai-Tibet Platean ", be 5903;

4, for the sign 5903 of voice data " Qinghai-Tibet Platean " and the sign 7517 generating content codes 1590317517 in " paradise ", wherein, 15903 indication playing audio-fequency data 5903,17517 indication playing audio-fequency datas 7517;

5, the operational code of User Defined broadcasting " Qinghai-Tibet Platean " is normal play, and the character string code is 2; The operational code of playing " paradise " is that crescendo is play, and the character string code is 5; Be that operational code is 1225, the operational code that wherein operational code of 12 indication first voice datas of broadcasting " Qinghai-Tibet Platean " is 2,25 indication second voice data of broadcasting " paradise " is 5;

6, operating parameter is set as played in order, and code is 21; And operating parameter predefine can be held 6 codes that represent operating parameter, the code of operating parameter can be 210000;

7, organising content code, operational code and operating parameter generate bar code, and its predefined format can be as shown in the table:

The condition code view data	The content code	Operational code	The operating parameter code
				Code content	1590317517	1225	210000
Code size (position)	10	4	6

The bar code generated, as shown in Fig. 3 b, the high 20pix(pixel of bar code);

8, obtain sign picture (Logo), as shown in Figure 3 c.

9, adopt bar code and sign picture (Logo) to form character image data, as shown in Figure 4;

10, raw image data is strengthened: thereunder increase 20pix, it is widened to the width of character image data, character image data is superimposed upon in the zone of strengthening the raw image data below, the feature picture of generation as shown in Figure 5.

With reference to Fig. 6, show a kind of according to an embodiment of the invention flow chart of steps of carrying out the embodiment of the method 3 of picture processing in browser, specifically can comprise the following steps:

Step 601, the log-on message of acquisition browser client account, carry out the login of browser client; And by the feature picture of described formation save as the picture that this browser client is corresponding.

Step 602, obtain raw image data in the browser side;

Step 603, obtain the special efficacy data;

In specific implementation, the special efficacy data comprise GIF picture file or FLASH file, can also be other data with Dynamic Display effect certainly.

In a preferred embodiment of the present invention, described step 603 specifically can comprise following sub-step:

Sub-step S41, the local address or the network address that obtain the related FLASH element of FLASH file;

Sub-step S42, extract the FLASH element of described FLASH file from described local address or the network address;

And/or,

Sub-step S43, the local address or the network address that obtain the GIF picture file;

Sub-step S44, extract described GIF picture from described local address or the network address.

Take for reducing local storage resources, when needs obtain FLASH file, GIF picture, can obtain from server.

Select for the convenience of the user and manage, can use according to the user custom of browser, for example, from browsing histories is judged the special efficacy that the user likes which kind, can directly the special efficacy data of the type be downloaded to this locality, or can be by the special efficacy data-pushing of the type to local.

Step 604, according to special efficacy data generating feature code view data;

In a preferred embodiment of the present invention, described condition code view data comprises content code, operational code and operating parameter, and described step 504 can comprise following sub-step:

Sub-step S51 is operational code corresponding to described special efficacy data configuration;

Can comprise in operational code that the user is to the self-defining operation behavior of special efficacy data.For example, play the special efficacy data can be fade-in fade-out broadcastings, wipe broadcasting, propelling broadcasting, luminous broadcasting etc.; When the special efficacy data are the GIF picture file, operation information can be normal play; When playing two or more FLASH file, operation information can comprise loop play, shuffle etc.

In actual applications, the operational code of special efficacy data can have corresponding character string code to be identified.For example, normal play is 1, and loop play is 2, and shuffle is 3 etc.

It should be noted that, during special efficacy data corresponding to the character string code of identical operational code, the concrete operations information of its representative can be identical, can be also different.

Sub-step S52, for the operational code of described special efficacy data configures corresponding operating parameter;

Operating parameter can be the concrete enforcement parameter of executable operations code.For example, the special efficacy data playback can be broadcasting time, display size size, play position, the playing sequence when two of existence or two special efficacy data, stack broadcasting etc.

In actual applications, the operating parameter of special efficacy data can have corresponding character string code to be identified.For example, play position can mean with 1Y, wherein 1 represents the selection play position, and Y represents preset Y place.

The user can click or pull the mode such as mobile by mouse and carry out the configuration of operating parameter, or carries out configuration of operating parameter etc. by interface.

It should be noted that, operating parameter can be sky in some cases.For example, while playing gif file, operational code is normal play, when operating parameter is empty, can indicate these special efficacy data of normal play, when being played up beginning, is playing acquiescently this gif file, not controlling dimension size, play position etc.

Sub-step S53, obtain the sign of described special efficacy data;

The sign of special efficacy data can be the intrinsic sign of these special efficacy data for mark special efficacy data, MD5 value for example, No. ID etc.For the ease of unified management, improve the efficiency of management, can generate new sign according to preset rules.

In a preferred embodiment of the present invention, sub-step S53 further can comprise following sub-step:

Sub-step S531, by described special efficacy data upload to server side corresponding to browser; Described server is for generating the sign of described special efficacy data for the described special efficacy data that configured operating parameter;

Sub-step S532, receive the sign of the described special efficacy data that described server returns;

And/or,

Sub-step S533, extract the preset sign of described special efficacy data.

The special efficacy data can be provided by server, can have corresponding sign.For example, for GIF picture file " fireworks burst forth ", can 123 conducts of config string code identify; For FLASH file " star flicker ", can config string code 562 conduct signs.

As the user to the special efficacy data configuration during operating parameter, the operation information of these special efficacy data of storing with server is inconsistent, perhaps, when the user adopts local special efficacy data, server does not have corresponding storage, server need to be stored this special efficacy data that configured operating parameter, in order to use when webpage is played up.In the case, need to redefine the sign of these special efficacy data.

Sub-step S54, adopt the sign generating content code of described special efficacy data;

It should be noted that, after configuring operation information and/or operating parameter, can carry out preview.For example the generation effect of various special efficacy data is carried out to preview, or the effect after various special efficacy stacked datas are added is carried out preview.

Sub-step S55, by described content code, operational code and operating parameter composition characteristic code view data.

Step 605 is added described condition code view data and is formed the feature picture on described raw image data;

Step 606, be uploaded to described feature picture in the server that described browser is corresponding;

Step 607 is distributed the feature picture of described generation in the browser side in network.

In specific implementation, except the feature picture is uploaded onto the server, can also share described feature picture at common platform, can call relevant API(Application Programming Interface, application programming interface), the feature picture of generation is distributed in the networks such as microblogging, blog, circle of friends to shared resource.In addition, the user can also manage the feature picture, for example deletes, checks history etc.

1, opening characteristics picture making instrument;

2, add picture;

A, as shown in Figure 7a, at middle part, the interface prompting user add picture of tools, this picture is not less than the 300x200 pixel;

B, user's click function button "+", add picture: open the select File window, after selecting picture file, (support jpg, png, bmp, non-animation gif), picture is presented at central region with proper proportion; Perhaps, the user adds picture by picture being drawn to appointed area in window;

C, when the picture size size of adding is not inconsistent, can point out the user, for example, " picture is too little, please select slightly large picture to make and dazzle figure! "

D, after adding picture and completing, can pass through the function button " X " in the picture upper right corner, delete this picture; Also can pull new picture and come in to substitute photo current, pull when new picture is come in and can point out the user whether to replace, for example, " will replace the picture of having selected? ", when the user selects " determining ", adopt new picture to replace former picture;

3, add sound;

A, as shown in Figure 7b, the button of " interpolation sound " that can be by clicking lower left is that picture adds sound; It should be noted that, after needing to have added picture, could add sound.When not adding picture, click " interpolation sound " button, can point out the user, for example, " only have after first having added picture and could add sound! "

After b, click " interpolation sound ", second-level menu appears in top: " recording " and " selecting MP3 ";

C, recording;

1), as shown in Figure 7 c,, after clicking " recording ", can detect microphone and whether connect; As do not connect, show and do not connect red diagram, and the prompting user, for example, " please first plugging microphone ";

2), as shown in Fig. 7 d, after microphone connects, show START button;

3), as shown in Fig. 7 e, click " beginnings " after, recording starts, can the demonstration long recording time on interface; For example, the longest recording is 30 seconds, is reminding user, can be from the 25th second the number of seconds text color become orangely, within 28 seconds, rise and become redness, in the time of 30 seconds, automatically finish;

4), when the user can click " OK " key, finish in advance the recording;

5), the user be can click " X " button in the recording upper right corner, interface the time, cancels recording;

6), recorded after, show translucent floating layer above picture, upper icon and the number of seconds of showing of floating layer, should this recording of floating layer playback but click, and clicks " X " button on floating layer right side and can delete this recording;

7), the user continue to click adds sound and selects recording after completing recording, will be considered as again recording, new recording will cover old recording; There are the window of bullet or floating layer prompting user whether will again record;

D, selection mp3;

1), click " choosing the mp3 file " after, the user can select a first mp3 from the select File window, has selected rear disposable prompting user, mp3 will only play first 30 seconds;

2), as shown in Fig. 7 f, after selecting mp3 to complete, will show translucent floating layer on picture, the upper demonstration of a floating layer mp3 title; Click can be play first 30 seconds; Click removable this mp3 of X on floating layer right side;

3), after sound added, " starting to make " button has outer light-emitting flash, the prompting user can start to have made;

4, make;

After a, picture and sound add, click " starting to make ", verified users logging status (wherein, " Tracy " is the login user account), the not appearance login frame of login prompting user login;

B, user complete login or listed, enter the making flow process;

C, as shown in Fig. 7 g, manufacturing process progress displaying, and text prompt is arranged, as follows respectively: " figure is dazzled in establishment just beyond the clouds ", " generating this locality and dazzling figure " and " dazzling figure has made ";

D, complete after, show and to dazzle the figure thumbnail that broadcast button is arranged in the middle of figure, play this and dazzle figure (ejecting the full-scale size windows of picture plays) but click preview;

E, as shown in Fig. 7 h, after completing, below shows three buttons: make next, preserve picture, share and dazzle figure;

Picture is preserved in f, click, this picture can be saved in to this locality; Click is shared and is dazzled figure, recalls browser and shares plug-in unit; Click making next gets back to and chooses the picture interface.

Wherein, the picture processing standard can be as follows:

Raw image data must not be less than the 300X200 pixel;

When the feature picture generates, below raw image data, increasing is highly 20 pixels, the image-region that width and former figure are wide; In this zone, comprise: dazzle figure icon, LOGO, condition code view data (being highly 10px, vertical center).

In addition, as shown in Fig. 7 i, the feature picture completed, may be displayed in " I dazzle figure ", and access " I dazzle figure " needs the login user account.Each user account can be stored the feature picture of some, and for example 100, understand reminding user when clicking " starting to make " after surpassing, for example, " your figure quantity of dazzling has reached 100 ".

" I dazzle figure " data are kept at service end, and the list of current demonstration is from the service end acquisition request.The thumbnail of " I dazzle figure " indicating characteristic picture, sound number of seconds, click and can play, the function that the download features picture also is provided, shares the feature picture, delete the feature picture.

When the user clicks while deleting the feature picture, the prompting user: " after deletion dazzles figure, other people can't continue to play this and dazzle the sound on figure, estimate to come into force in 24 hours." after the user confirms, carry out deletion action.

With reference to Fig. 8, show a kind of according to an embodiment of the invention structured flowchart that carries out the device embodiment of picture processing in browser, specifically can comprise with lower module:

Raw image data acquisition module 801, be suitable for obtaining raw image data in the browser side;

Rich media data acquisition module 802, be suitable for obtaining voice data and/or special efficacy data;

Condition code view data generation module 803, be suitable for according to described voice data and/or special efficacy data, generating feature code view data;

Feature image generating module 804, be suitable for adding described condition code view data generating feature picture on described raw image data.

In a preferred embodiment of the present invention, described device can also comprise as lower module:

In a preferred embodiment of the present invention, described raw image data obtains module and also is suitable for:

From the described raw image data of described address extraction.

In a preferred embodiment of the present invention, described voice data comprises audio file or recording file; Described special efficacy data comprise GIF picture file or FLASH file.

In a preferred embodiment of the present invention, described rich media data acquisition module also is suitable for:

Obtain local address or the network address of audio file or recording file;

And/or,

Obtain local address or the network address of GIF picture file;

In a preferred embodiment of the present invention, described condition code view data comprises the content code, operational code and operating parameter, and described condition code view data generation module also is suitable for:

Obtain the sign of described voice data and/or special efficacy data;

In a preferred embodiment of the present invention, described condition code view data generation module also is suitable for:

Receive the sign of the described voice data that described server returns;

And/or,

Extract the preset sign of described voice data and/or special efficacy data.

In a preferred embodiment of the present invention, described condition code view data is image in 2 D code data or bar code image data.

In a preferred embodiment of the present invention, to carry out picture processing in wherein said browser be to be embodied as a browser plug-in of browser side or be a browser application or a stand-alone utility can calling for browser.

In a preferred embodiment of the present invention, described device specifically can also comprise as lower module:

For the device embodiment of Fig. 8, because it is substantially similar to preceding method embodiment, so description is fairly simple, relevant part gets final product referring to the part explanation of embodiment of the method.

The invention also discloses a kind of browser, specifically can comprise with lower module:

From the described raw image data of described address extraction.

Obtain local address or the network address of audio file or recording file;

And/or,

Obtain local address or the network address of GIF picture file;

Obtain the sign of described voice data and/or special efficacy data;

Receive the sign of the described voice data that described server returns;

And/or,

Extract the preset sign of described voice data and/or special efficacy data.

The algorithm provided at this is intrinsic not relevant to any certain computer, virtual system or miscellaneous equipment with demonstration.Various general-purpose systems also can with based on using together with this teaching.According to top description, it is apparent constructing the desired structure of this type systematic.In addition, the present invention is not also for any certain programmed language.It should be understood that and can utilize various programming languages to realize content of the present invention described here, and the top description that language-specific is done is in order to disclose preferred forms of the present invention.

In the instructions that provided herein, a large amount of details have been described.Yet, can understand, embodiments of the invention can be in the situation that do not have these details to put into practice.In some instances, be not shown specifically known method, structure and technology, so that not fuzzy understanding of this description.

Similarly, be to be understood that, in order to simplify the disclosure and to help to understand one or more in each inventive aspect, in the description to exemplary embodiment of the present invention, each feature of the present invention is grouped together in single embodiment, figure or the description to it sometimes in the above.Yet the method for the disclosure should be construed to the following intention of reflection: the present invention for required protection requires the more feature of feature than institute clearly puts down in writing in each claim.Or rather, as following claims are reflected, inventive aspect is to be less than all features of the disclosed single embodiment in front.Therefore, claims of following embodiment are incorporated to this embodiment thus clearly, and wherein each claim itself is as independent embodiment of the present invention.

Those skilled in the art are appreciated that and can adaptively change and they are arranged in one or more equipment different from this embodiment the module in the equipment in embodiment.Can be combined into a module or unit or assembly to the module in embodiment or unit or assembly, and can put them into a plurality of submodules or subelement or sub-component in addition.At least some in such feature and/or process or unit are mutually repelling, and can adopt any combination to disclosed all features in this instructions (comprising claim, summary and the accompanying drawing followed) and so all processes or the unit of disclosed any method or equipment are combined.Unless clearly statement in addition, in this instructions (comprising claim, summary and the accompanying drawing followed) disclosed each feature can be by providing identical, be equal to or the alternative features of similar purpose replaces.

In addition, those skilled in the art can understand, although embodiment more described herein comprise some feature rather than further feature included in other embodiment, the combination of the feature of different embodiment means within scope of the present invention and forms different embodiment.For example, in the following claims, the one of any of embodiment required for protection can be used with array mode arbitrarily.

All parts embodiment of the present invention can realize with hardware, or realizes with the software module of moving on one or more processor, or realizes with their combination.It will be understood by those of skill in the art that and can use in practice microprocessor or digital signal processor (DSP) to realize according to some or all some or repertoire of parts in the equipment based on carry out picture processing in browser of the embodiment of the present invention.The present invention for example can also be embodied as, for carrying out part or all equipment or device program (, computer program and computer program) of method as described herein.The program of the present invention that realizes like this can be stored on computer-readable medium, or can have the form of one or more signal.Such signal can be downloaded and obtain from internet website, or provides on carrier signal, or provides with any other form.

It should be noted above-described embodiment the present invention will be described rather than limit the invention, and those skilled in the art can design alternative embodiment in the situation that do not break away from the scope of claims.In the claims, any reference symbol between bracket should be configured to limitations on claims.Word " comprises " not to be got rid of existence and is not listed in element or the step in claim.Being positioned at word " " before element or " one " does not get rid of and has a plurality of such elements.The present invention can realize by means of the hardware that includes some different elements and by means of the computing machine of suitably programming.In having enumerated the unit claim of some devices, several in these devices can be to carry out imbody by same hardware branch.The use of word first, second and C grade does not mean any order.Can be title by these word explanations.

With reference to Fig. 9, show the flow chart of steps of carrying out the embodiment of the method for picture loading in a kind of according to an embodiment of the invention browser, specifically can comprise the following steps:

Step 901, when browser monitors trigger event, obtain in current page and meet pre-conditioned feature picture;

In specific implementation, described trigger event comprises that webpage has loaded event, and/or, the mouse-over hover event of picture.

When the browser Web page loading is complete, can load event by generating web page, i.e. Document Complete event.After the webpage loaded, can dynamically play up.

For the speed that further quickening is dynamically played up, can dynamically play up by the hover Event triggered of hovering.，Gai trigger point, trigger point is set on the feature picture can be triggered in process (hover) operation of User on the feature picture.More specifically, described through operation can comprise mouse, gesture or contact pen site information represent on zone through operation, can also comprise keyboard, touch-screen, bar-code reader, magnetic reader (comprise magnetic stripe, disk, magnetic tape reader, intelligent card reading, pressure transducer, motion detector, and the site information that streaks that triggers of other any modes such as converter that can be connected with digital processing unit represent regional operation.From the specific implementation angle, hover is a method of imitating hover events (mouse moves to one above object and shifts out this object), and it provides the state of a kind of " remaining on wherein " for frequent using of task.When (as the trigger point in the present embodiment), can trigger first function (over(Function) of appointment above mouse moves to the element of a coupling, mouse moves on to the function that will trigger on element).When mouse shifts out this element, can trigger second function (out(Function) of appointment, mouse shifts out the function that element will trigger).And, can be accompanied by whether mouse still is in to the detection (for example, being in the div ejection layer) in element-specific, if, can continue to keep " hovering " state, and not trigger the event of shifting out, described trigger point specifically can adopt the JavaScript code means to be arranged.

In a preferred embodiment of the present invention, described step 801 specifically can comprise following sub-step:

Sub-step S61 extracts the picture that meets default viewing area and/or pre-set dimension size from internal memory;

Pre-conditionedly can comprise default viewing area, pre-set dimension size etc.In web page browsing, the picture of different purposes can have metastable position, and for example the both sides of webpage, top are generally used for the display advertisement picture, and the feature picture in the embodiment of the present invention can also have default position, and default size can be arranged.

Sub-step S62, whether the data of the assigned address of the judgement picture that extracts are the condition code view data; If so, carry out sub-step S63;

Assigned address can be the below of picture, can be left of picture etc., and the present invention is not limited this.

For example, the method of the feature picture generating feature picture shown in Fig. 5 is: raw image data is strengthened, thereunder increase 20pix, it is widened to the width of condition code view data, character image data is superimposed upon to generating feature picture in the zone of strengthening the raw image data below.Corresponding, the method for extracting the condition code view data can be: extract the high view data of feature picture bottom 20pix, this view data is the condition code view data, and remainder is original image, as shown in Figure 3 a.

For further improving the accuracy rate of judgement, can test to the condition code view data.

In a kind of preferred exemplary of the embodiment of the present invention, described sub-step S62 further can comprise following sub-step:

Sub-step S621, carry out the data of described assigned address the decoding of Quick Response Code or bar code, obtains its corresponding character string information;

Sub-step S622, mate described character string message, if described character string information meets predetermined data layout, the data that judge described assigned address are the condition code view data.

Whether, in specific implementation, the condition code view data can be Quick Response Code or bar code etc., by the decoding data of assigned address, can be condition code view data for the data of differentiating this position.

When generating feature code view data, can be the data layout generation according to certain rule,, when checking, data layout that can be predetermined according to this is verified.

For example, can be as shown in the table at the predefined format of generating feature code view data:

The character string information obtained in decoding is " 15903175171225210000 ", whether coupling front 10 is the content code for character string " 1590317517 ", whether 11-14 position character string " 1225 " is operational code, and 16-20 is whether character string " 210000 " is operational code.

Sub-step S63, using extracted picture as the feature picture.

In specific implementation, can for example, from internal memory (local cache), obtain the pre-conditioned feature picture that meets in current web page, the feature picture can be the picture of non-advertisement, decorative kind.Viewing area is arranged, by DOM(Document Object Model, DOM Document Object Model in webpage) can identify whole webpage framework.The traversal dom tree node of webpage and dimension of picture obtain the pre-conditioned picture that meets of buffer memory from internal memory, and this picture is the feature picture.

It should be noted that, the feature picture is that its essence is also view data for the object picture of dynamically playing up with respect to User Defined.Can comprise in the feature picture that putting down in writing User Defined dynamically plays up condition code view data and the raw image data of operation, as shown in Figure 5.

For preventing that the feature picture from occurring wrong and preventing from being modified in transmitting procedure, in an embodiment of the present invention, before step 802, specifically also comprises the steps:

Step S1, carry out self checking to described condition code view data.

Trigger the inspection self of condition code view data and whether be modified, if find to be modified, just can suspend, play up or carry out other processing.Basic school detecting method can comprise checksum(summation inspection code), check size, check the redirect code, etc.

In addition, after self checking, can carry out gray count, in order to prepare for the parsing of follow-up condition code view data.

Step 902, extract the condition code view data in described feature picture; Wherein, described condition code view data marks the Rich Media's resource loaded with described feature picture one place;

The condition code view data can be bar code, can be Quick Response Code, can be also the combination of bar code and Quick Response Code, can also be other view data, if can recording user self-definedly play up operation, the present invention is not limited this.

In specific implementation, the method for extracting the condition code view data can be relative with the method that adopts condition code view data and original image generating feature picture, and the present invention is not limited this.

In a preferred embodiment of the present invention, described step 802 specifically can comprise following sub-step:

Sub-step S71, after described condition code view data is carried out to the decoding of Quick Response Code or bar code, obtain its corresponding character string information;

After extracting the condition code view data, can adopt the processing of decoding of bar code decoding application program, Quick Response Code decoding application program, obtain user's the self-defined operation information of playing up, be played up operation.

Wherein, the sign that described content code is described voice data and/or special efficacy data;

The sign of the mode of operation that described operational code is described voice data and/or special efficacy data.

In a kind of preferred exemplary of the embodiment of the present invention, described mode of operation comprises: at least one that single play music, loop play music, playing animation, playing flash video, gradual change addition element, gradual change are faded out in element, playback.

Certainly, the aforesaid operations mode, just as example, when implementing the embodiment of the present invention, can arrange other mode of operation according to actual conditions, and the embodiment of the present invention is not limited this.In specific implementation, content code and operational code can be codes, and for example character string, can be used to indicate different information.

In actual applications, operational code can be indicated the operation information of playing audio-fequency data and/or special efficacy data, can comprise in this operation information that the user is to voice data and/or the self-defining operation behavior of special efficacy data.

For example, playing audio-fequency data can be that crescendo broadcasting, diminuendo are play etc.; When playing a voice data, operation information can be normal play, and when playing two or more voice data, operation information can comprise loop play, shuffle etc.

Again for example, play the special efficacy data can be fade-in fade-out broadcastings, wipe broadcasting, propelling broadcasting, luminous broadcasting etc.; When the special efficacy data are the GIF picture file, operation information can be normal play; When playing two or more FLASH file, operation information can comprise loop play, shuffle etc.

In actual applications, the operational code of voice data and/or special efficacy data can have corresponding character string code to be identified.For example, normal play is 1, and loop play is 2, and shuffle is 3 etc.It should be noted that, identical character string code is during corresponding to different voice datas or special efficacy data, and it represents that operation information can be identical, also can be different.

In a preferred embodiment of the present invention, the character string information of described parsing further comprises: corresponding to the operating parameter of described operational code, its mark is for the preset execution parameter of the mode of operation of described voice data and/or special efficacy data.

In a kind of preferred exemplary of the embodiment of the present invention, described operating parameter comprises:

At least one in the displaying time of the display position of image or video, the broadcasting time of playing time, music or the video of music or video, image special effect.

Certainly, the aforesaid operations parameter, just as example, when implementing the embodiment of the present invention, can arrange other operating parameter according to actual conditions, and the embodiment of the present invention is not limited this.

In actual applications, operating parameter can be used to indicate the concrete operations parameter of playing audio-fequency data and/or special efficacy data, and this operating parameter can be the concrete enforcement parameter of implementation and operation behavior.For example, voice data play can be when, play, playing duration, broadcasting time, the playing sequence when having two or two voice datas etc.The special efficacy data playback can be, broadcasting time, display size size, play position, playing sequence, stack when having two or two special efficacy data are play etc.

In actual applications, the operating parameter of voice data and/or special efficacy data can have corresponding character string code to be identified.For example, broadcasting time can mean with character string code 1X, wherein 1 represents the selection broadcasting time, concrete number of times of playing of X representative etc.

Again for example, self-defined playing audio-fequency data, operational code is normal play, when operating parameter is empty, can indicate this voice data of normal play, plays this voice data being played up while starting, do not control when play, playing duration, broadcasting time etc.

In a kind of preferred exemplary of the embodiment of the present invention, also comprise the sign picture that identifies generation side in described condition code view data.

Sign picture (Logo) can not participate in the conversion of bar code or Quick Response Code, and the rule during directly according to generation is extracted from the condition code view data, as shown in Figure 3 c.

The method of Logo, content code, operational code and operating parameter in the condition code view data of resolving is thought corresponding with the method for organizing Logo, content code, operational code and operating parameter generating feature code view data.

For example, the predefined format of condition code view data can be as shown in the table:

When parsing condition code view data completes, as shown in Fig. 3 b, extract 1-10 position code " 1590317517 " as the content code, extract 11-14 position code " 1225 " as operational code, extract 15-20 character string code " 210000 " as operating parameter.

Step 903, according to Rich Media's resource corresponding to described condition code image data acquisition;

In actual applications, rich media data can comprise voice data and/or special efficacy data, and described voice data comprises audio file or voice document; Described special efficacy data comprise GIF picture file or FLASH file.

Voice data can be local, can be that server is stored, and can also be that online other platforms are stored; The special efficacy data can comprise that GIF picture file and/or FLASH file etc. have the data of Dynamic Display effect, and the present invention is not limited this.

The sign of voice data and/or special efficacy data can be the intrinsic sign of this voice data and/or special efficacy data, MD5 value for example, No. ID etc., for the ease of unified management, improve the efficiency of management, can generate new sign according to preset rules, as long as can identify this voice data and/or special efficacy data, the present invention is not limited this yet.

In a preferred embodiment of the present invention, described sub-step 803 specifically can comprise following sub-step:

Sub-step S81, the transmission rich media data is obtained and is asked to server corresponding to browser; The described rich media data request of obtaining comprises described voice data and/or states the sign of special efficacy data;

Sub-step S82, receive voice data and/or special efficacy data that described server returns;

In such cases, the server correspondence is preserved voice data and/or special efficacy data, can download required voice data and/or special efficacy data from server.

Perhaps,

Sub-step S83, resolve the sign of described voice data, obtains the network address of described voice data;

Sub-step S84, access the network address of described voice data, obtains described voice data;

In such cases, server does not have the corresponding voice data of preserving, and need to obtain from other places, comprises local and online.The address of voice data can be local address, can be also in the network address.

It should be noted that, resolve the sign of voice data and determine that the method for address is relative with the method for the address generation sign that adopts voice data.

Perhaps,

Sub-step S85, extract the special efficacy data of the sign correspondence of described special efficacy data in this locality.

In such cases, for further improving rendering efficiency, can use according to the user custom of browser, for example, from browsing histories is judged the special efficacy that the user likes which kind, can directly the special efficacy data of the type be downloaded to this locality, or can be by the special efficacy data-pushing of the type to local.

Voice data and/or special efficacy data that accessed voice data and/or special efficacy data can be play when dynamically playing up.

Step 904, loaded the Rich Media's resource and described feature picture one place that obtain.

The decoding the complete user of obtaining self-defined play up operation after, can according to this self-defined play up the operation dynamically play up, Rich Media's resource and feature picture are loaded in a place, Rich Media's resource can be above the feature picture, left side, right side, certain surrounding environment such as below, the present invention is not limited this.

In a preferred embodiment of the present invention, described step 804 specifically can comprise following sub-step:

Sub-step S91, the preset regions on the viewing area of described feature picture generates a window and loads described Rich Media's resource of obtaining, and the window of wherein said generation is a browser window or the floating layer of webpage element;

Sub-step S92, the plug-in unit or the calling system API that load the browser side in described window carry out loading and the use of described Rich Media resource.

For example, after having resolved above-mentioned bar code, 15903 indication playing audio-fequency datas 5903 in content code " 1590317517 ", 17517 indication playing audio-fequency datas 7517, know while playing up and need playing audio-fequency data, can for example generate a browser window in the lower left corner at the assigned address of feature picture, play up in browser window and load a preset button image, and give tacit consent to automatic playing audio-fequency data, load an audio player on backstage, it can be browser plug-in, then resolve " 5903 " and " 7517 ", obtain the network address of the voice data 5903 that need to play while playing up, for http://music.XXX.com/12345678.mp3, access this network address and obtain song " Qinghai-Tibet Platean ", played songs " Qinghai-Tibet Platean " in this audio player afterwards, extract the voice data " paradise " of 7517 correspondences from this locality.

Again for example, so, to playing the special efficacy data, by resolving the condition code view data, can know that the content code is the broadcasting of carrying out GIF picture 1, operational code is normal play, operating parameter is empty, on the feature picture, adds the floating layer of webpage element, on the floating layer of this webpage element, embeds GIF picture 1.

Again for example, so to playing the special efficacy data, can know that by resolving the condition code view data content code is the broadcasting of carrying out FLASH animation 1, operational code is that the special efficacy effect of being fade-in fade-out is play above-mentioned FLASH animation 1, wherein in operating parameter, put down in writing FLASH animation 1 be fade-in fade-out position while showing, time, broadcasting time etc.Can get the sign of corresponding FLASH animation file according to the content code, it can be a preset animation file, and it is kept at server side, can get this Flash animation file from server.Know how to carry out the broadcasting of above-mentioned Flash animation 1 after getting operating parameter, such as being flashed or time of being fade-in fade-out, display position etc.

In the invention process, can resolve the condition code view data in the feature picture, obtain the user of its record to the employing voice data when Loading Image, special efficacy data etc. play up operation, and then carry out the corresponding processing of dynamically playing up, solved thus the problem of playing up operation when client is not supported the loading of user individual definition picture, obtained based on browser and realized playing up for picture, abundant webpage is played up mode, reduce the server stores resource occupation, reduce server operation resource occupation, improved the beneficial effect of browser renders webpage efficiency.

1, identification;

As shown in Figure 10 a, as the user, by mouse cursor hovers on a pictures time, start its feature picture whether of identification.Whether particularly, can identify a pictures by the barcode size or text field of picture below is the feature picture.It should be noted that, the feature picture is uploaded to each main stream website such as microblogging, space, forum, after moderate compression, still can identify.

Should be necessary verification after reading condition code view data (bar code), confirm as the feature picture.Then from bar code information after reading information, URL is risked in this locality, to files such as service end request related sound.

2, play;

As shown in Figure 10 b, from bar code reading information and risk URL after, corresponding unique sound and the configuration file to the service end request;

The user on a pictures, as is identified as the feature picture by mouse cursor hovers, and request is after corresponding audio files, and acquiescence starts limit and broadcasts below this audio files; (when not giving tacit consent to while playing, the setting that the user can manual triggers plays);

The user shifts out this picture scope by cursor of mouse, and sound stops playing automatically; Again move into and from the beginning again play; Feature picture lower left will show and dazzle figure sound playing progress rate with the ring-type progress bar;

The user can click pause button, suspends this sound of dazzling figure and plays;

After the user clicks time-out, shift out the picture scope, will remember this playing progress rate and halted state temporarily; From the beginning the paused figure that dazzles, will not play while again hovering automatically, until the user clicks lower left, continue broadcast button, continue by progress continued broadcasting last time;

After webpage reloads, this page is dazzled figure progress, state restoration before;

When multiple feature pictures are arranged in webpage, only play the current pictures hovered;

Sound is play and is supported to be fade-in fade-out processing.

With reference to Figure 11, show a kind of according to an embodiment of the invention structured flowchart that carries out the device embodiment of picture loading in browser, specifically can comprise with lower module:

Feature picture acquisition module 1101, be suitable for when browser monitors trigger event, obtains in current page and meet pre-conditioned feature picture;

Condition code image data extraction module 1102, be suitable for extracting the condition code view data in described feature picture; Wherein, described condition code view data marks the Rich Media's resource loaded with described feature picture one place;

Rich Media's resource acquisition module 1103, be suitable for according to Rich Media's resource corresponding to described condition code image data acquisition;

Load-on module 1104, the Rich Media's resource and described feature picture one place that are suitable for obtaining are loaded.

In a preferred embodiment of the present invention, described trigger event comprises that webpage has loaded event, and/or, the mouse-over hover event of picture.

In a preferred embodiment of the present invention, described feature picture acquisition module also is suitable for:

Extract the picture that meets default viewing area and/or pre-set dimension size from internal memory; And

Whether the data of the assigned address of the judgement picture that extracts are the condition code view data;

If so, using extracted picture as the feature picture.

The data of described assigned address are carried out to the decoding of Quick Response Code or bar code, obtain its corresponding character string information;

Mate described character string message, if described character string information meets predetermined data layout, the data that judge described assigned address are the condition code view data.

In a preferred embodiment of the present invention, described condition code image data extraction module also is suitable for:

After described condition code view data is carried out to the decoding of Quick Response Code or bar code, obtain its corresponding character string information;

Resolve described character string information, obtain content code and the operational code of the Rich Media's resource loaded with described feature picture one place;

Wherein, the sign that described content code is voice data and/or special efficacy data;

In a preferred embodiment of the present invention, also comprise the sign picture that identifies generation side in described condition code view data.

In a preferred embodiment of the present invention, Rich Media of institute resource acquisition module also is suitable for:

The transmission rich media data is obtained and is asked to server corresponding to browser; The described rich media data request of obtaining comprises described voice data and/or states the sign of special efficacy data;

Receive voice data and/or special efficacy data that described server returns;

Perhaps,

Resolve the sign of described voice data, obtain the network address of described voice data;

Access the network address of described voice data, obtain described voice data;

Perhaps,

Extract the special efficacy data of the sign correspondence of described special efficacy data in this locality.

The self checking module, be suitable for described condition code view data is carried out to self checking.

In a preferred embodiment of the present invention, described load-on module also is suitable for:

Preset regions on the viewing area of described feature picture generates a window and loads described Rich Media's resource of obtaining, and the window of wherein said generation is a browser window or the floating layer of webpage element;

The plug-in unit or the calling system API that load the browser side in described window carry out loading and the use of described Rich Media resource.

In a preferred embodiment of the present invention, wherein said mode of operation comprises:

At least one that single play music, loop play music, playing animation, playing flash video, gradual change addition element, gradual change are faded out in element, playback.

In a preferred embodiment of the present invention, wherein said operating parameter comprises:

For the device embodiment of Figure 11, because it is substantially similar to preceding method embodiment, so description is fairly simple, relevant part gets final product referring to the part explanation of embodiment of the method.

Feature picture acquisition module, be suitable for when browser monitors trigger event, obtains in current page and meet pre-conditioned feature picture;

Condition code image data extraction module, be suitable for extracting the condition code view data in described feature picture; Wherein, described condition code view data marks the Rich Media's resource loaded with described feature picture one place;

Rich Media's resource acquisition module, be suitable for according to Rich Media's resource corresponding to described condition code image data acquisition;

Load-on module, the Rich Media's resource and described feature picture one place that are suitable for obtaining are loaded.

If so, using extracted picture as the feature picture.

Receive voice data and/or special efficacy data that described server returns;

Perhaps,

In a preferred embodiment of the present invention, described browser specifically can also comprise as lower module:

All parts embodiment of the present invention can realize with hardware, or realizes with the software module of moving on one or more processor, or realizes with their combination.It will be understood by those of skill in the art that and can use in practice microprocessor or digital signal processor (DSP) to realize according to some or all some or repertoire of parts in the equipment that carries out the picture loading in browser of the embodiment of the present invention.The present invention for example can also be embodied as, for carrying out part or all equipment or device program (, computer program and computer program) of method as described herein.The program of the present invention that realizes like this can be stored on computer-readable medium, or can have the form of one or more signal.Such signal can be downloaded and obtain from internet website, or provides on carrier signal, or provides with any other form.

The embodiment of the invention also discloses A1, a kind of method of carrying out picture processing in browser, comprising: obtain raw image data in the browser side, obtain voice data and/or special efficacy data; According to described voice data and/or special efficacy data, generating feature code view data; Add described condition code view data generating feature picture on described raw image data.A2, method as described as A1, before the step of described acquisition raw image data, also comprise: obtain the log-on message of browser client account, carry out the login of browser client; And by the feature picture of described formation save as the picture that this browser client is corresponding.A3, method as described as A1, the described step of obtaining raw image data in the browser side comprises: determine the address of described raw image data, described address comprises local address or the network address; From the described raw image data of described address extraction.A4, method as described as A1, described voice data comprises audio file or recording file; Described special efficacy data comprise GIF picture file or FLASH file.A5, method as described as A4, the described step of obtaining voice data and/or special efficacy data comprises: the local address or the network address that obtain audio file or recording file; Extract described audio file or recording file from described local address or the network address; And/or, the local address or the network address that obtain the related FLASH element of FLASH file; Extract the FLASH element of described FLASH file from described local address or the network address; And/or, the local address or the network address that obtain the GIF picture file; Extract described GIF picture from described local address or the network address.A6, method as described as A1, described condition code view data comprises the content code, operational code and operating parameter, the described voice data of described foundation and/or special efficacy data, the step of generating feature code view data comprises: be described voice data and/or operational code corresponding to special efficacy data configuration; For the operational code of described voice data and/or special efficacy data configures corresponding operating parameter; Obtain the sign of described voice data and/or special efficacy data; Adopt the sign generating content code of described voice data and/or special efficacy data; By described content code, operational code and operating parameter composition characteristic code view data.A7, method as described as A6, the described step of obtaining the sign of described voice data and/or special efficacy data comprises: described voice data is uploaded to the server side that browser is corresponding; Described server is for the sign of the described voice data of address generation according to described voice data; Receive the sign of the described voice data that described server returns; And/or, by described special efficacy data upload to server side corresponding to browser; Described server is for generating the sign of described special efficacy data for the described special efficacy data that configured operating parameter; Receive the sign of the described special efficacy data that described server returns; And/or, extract the preset sign of described voice data and/or special efficacy data.A8, as A1 or the described method of A6, also comprise the sign picture that identifies the picture side of generation in described condition code view data.A9, method as described as A1, described condition code view data is image in 2 D code data or bar code image data.A10, as A1 or the described method of A9, also comprise: the feature picture of described generation is uploaded in the server that described browser is corresponding.A11, method as described as A1, to carry out picture processing in wherein said browser be to be embodied as a browser plug-in of browser side or be a browser application or a stand-alone utility can calling for browser.A12, method as described as A1 also comprise: in the browser side, the feature picture of described generation is distributed in network.

The embodiment of the invention also discloses B13, a kind of device that carries out picture processing in browser, comprising: the raw image data acquisition module is suitable for obtaining raw image data in the browser side; The rich media data acquisition module, be suitable for obtaining voice data and/or special efficacy data; Condition code view data generation module, be suitable for according to described voice data and/or special efficacy data, generating feature code view data; The feature image generating module, be suitable for adding described condition code view data generating feature picture on described raw image data.B14, device as described as B13, also comprise: account logs in module, is suitable for obtaining the log-on message of browser client account, carries out the login of browser client; Picture is preserved module, is suitable for the feature picture of described formation is saved as to the picture that this browser client is corresponding.B15, device as described as B13, described voice data comprises audio file or recording file; Described special efficacy data comprise GIF picture file or FLASH file.B16, device as described as B13, described condition code view data comprises the content code, operational code and operating parameter, described condition code view data generation module also is suitable for: be described voice data and/or operational code corresponding to special efficacy data configuration; For the operational code of described voice data and/or special efficacy data configures corresponding operating parameter; Obtain the sign of described voice data and/or special efficacy data; Adopt the sign generating content code of described voice data and/or special efficacy data; By described content code, operational code and operating parameter composition characteristic code view data.B17, device as described as B16, described condition code view data generation module also is suitable for: described voice data is uploaded to the server side that browser is corresponding; Described server is for the sign of the described voice data of address generation according to described voice data; Receive the sign of the described voice data that described server returns; And/or, by described special efficacy data upload to server side corresponding to browser; Described server is for generating the sign of described special efficacy data for the described special efficacy data that configured operating parameter; Receive the sign of the described special efficacy data that described server returns; And/or, extract the preset sign of described voice data and/or special efficacy data.B18, device as described as B13, described condition code view data is image in 2 D code data or bar code image data.B19, device as described as B13, to carry out picture processing in wherein said browser be to be embodied as a browser plug-in of browser side or be a browser application or a stand-alone utility can calling for browser.

The embodiment of the invention also discloses C20, a kind of browser, comprising: the raw image data acquisition module is suitable for obtaining raw image data in the browser side; The rich media data acquisition module, be suitable for obtaining voice data and/or special efficacy data; Condition code view data generation module, be suitable for according to described voice data and/or special efficacy data, generating feature code view data; The feature image generating module, be suitable for adding described condition code view data generating feature picture on described raw image data.

Claims

1. a method of carrying out picture processing in browser comprises:

2. the method for claim 1, before the step of described acquisition raw image data, also comprises:

Obtain the log-on message of browser client account, carry out the login of browser client;

3. the method for claim 1, the described step of obtaining raw image data in the browser side comprises:

From the described raw image data of described address extraction.

4. the method for claim 1, described voice data comprises audio file or recording file; Described special efficacy data comprise GIF picture file or FLASH file.

5. method as claimed in claim 4, the described step of obtaining voice data and/or special efficacy data comprises:

Obtain local address or the network address of audio file or recording file;

And/or,

Obtain local address or the network address of GIF picture file;

6. a device that carries out picture processing in browser comprises:

7. device as claimed in claim 6 also comprises:

8. device as claimed in claim 6, described voice data comprises audio file or recording file; Described special efficacy data comprise GIF picture file or FLASH file.

9. device as claimed in claim 6, described condition code view data comprises the content code, operational code and operating parameter, described condition code view data generation module also is suitable for:

Obtain the sign of described voice data and/or special efficacy data;

10. a browser comprises: