WO2024045628A1 - 基于语音消息的交互方法、装置、计算机设备和存储介质 - Google Patents

基于语音消息的交互方法、装置、计算机设备和存储介质 Download PDF

Info

Publication number
WO2024045628A1
WO2024045628A1 PCT/CN2023/088259 CN2023088259W WO2024045628A1 WO 2024045628 A1 WO2024045628 A1 WO 2024045628A1 CN 2023088259 W CN2023088259 W CN 2023088259W WO 2024045628 A1 WO2024045628 A1 WO 2024045628A1
Authority
WO
WIPO (PCT)
Prior art keywords
voice message
message
playback
tape reel
bubble
Prior art date
Application number
PCT/CN2023/088259
Other languages
English (en)
French (fr)
Inventor
何碧莹
陆伊莹
Original Assignee
腾讯科技(深圳)有限公司
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by 腾讯科技(深圳)有限公司 filed Critical 腾讯科技(深圳)有限公司
Priority to US18/434,768 priority Critical patent/US20240176627A1/en
Publication of WO2024045628A1 publication Critical patent/WO2024045628A1/zh

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04LTRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L51/00User-to-user messaging in packet-switching networks, transmitted according to store-and-forward or real-time protocols, e.g. e-mail
    • H04L51/04Real-time or near real-time messaging, e.g. instant messaging [IM]
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04LTRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L51/00User-to-user messaging in packet-switching networks, transmitted according to store-and-forward or real-time protocols, e.g. e-mail
    • H04L51/04Real-time or near real-time messaging, e.g. instant messaging [IM]
    • H04L51/043Real-time or near real-time messaging, e.g. instant messaging [IM] using or handling presence information
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04LTRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L51/00User-to-user messaging in packet-switching networks, transmitted according to store-and-forward or real-time protocols, e.g. e-mail
    • H04L51/07User-to-user messaging in packet-switching networks, transmitted according to store-and-forward or real-time protocols, e.g. e-mail characterised by the inclusion of specific contents
    • H04L51/10Multimedia information
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04MTELEPHONIC COMMUNICATION
    • H04M3/00Automatic or semi-automatic exchanges
    • H04M3/42Systems providing special services or facilities to subscribers
    • H04M3/50Centralised arrangements for answering calls; Centralised arrangements for recording messages for absent or busy subscribers ; Centralised arrangements for recording messages
    • H04M3/53Centralised arrangements for recording incoming messages, i.e. mailbox systems
    • H04M3/533Voice mail systems

Definitions

  • the present application relates to the field of computer technology, and in particular to a voice message-based interaction method, device, computer equipment, storage medium and computer program product.
  • Instant messaging applications run on the client with the ability to send messages via voice.
  • a voice interaction object when a voice interaction object receives a voice message, the message icon of the voice message will be displayed in the instant messaging application.
  • the voice interaction object can use a finger to touch the message icon to listen. If the message icon is clicked again during the playback process, Then stop playing the voice message. If you click the message icon again, the voice message will start playing from the beginning.
  • the voice interaction object can only estimate the playback progress, and the voice message will be listened to repeatedly, resulting in the continuous occupation of resources and low resource utilization.
  • a voice message-based interaction method device, computer equipment, computer-readable storage medium, and computer program product are provided.
  • this application provides an interaction method based on voice messages, which is executed by a computer device, including:
  • the first tape reel is displayed at the message bubble, the second end of the first tape segment is displayed to be connected to the first tape reel, and the first end of the first tape segment is displayed to move toward the identity icon. , and trigger the playback of voice messages;
  • At least one of the first tape reel or the identification icon is displayed to rotate, and the thickness of the first tape reel gradually decreases as the playback progress of the voice message progresses, and during at least part of the playback process display the first tape segment connecting the identification icon and the first tape reel during the time period;
  • the display of the first tape reel is cancelled; as the display of the first tape reel is cancelled, the second end of the display first tape segment moves from the first tape reel toward the identification icon until The second end of the first tape segment moves to the identification icon, and the first tape segment is canceled.
  • this application also provides an interactive device based on voice messages.
  • the device includes:
  • the voice message display module is used to display the message bubble of the voice message and the corresponding identity icon
  • the tape reel display module is configured to display the first tape reel at the message bubble in response to the playback trigger event of the voice message, display the second end of the first tape segment connected to the first tape reel, and display the first tape segment.
  • the first end moves towards the identity icon and triggers the playback of the voice message;
  • the voice playback display module is used to display that at least one of the first tape reel or the identity identification icon rotates during the playback of the voice message, and the thickness of the first tape reel gradually decreases as the voice message plays progress, and display the first tape segment connecting the identification icon and the first tape reel during at least a portion of the playback process;
  • a processing module configured to cancel the display of the first tape reel in response to the playback end event of the voice message; as the display of the first tape reel is canceled, display the second end of the first tape segment from the first tape reel to the identity The identification icon moves until the second end of the first tape segment moves to the identity identification icon, and the first tape segment is cancelled.
  • this application also provides a computer device.
  • the computer device includes a memory and a processor.
  • the memory stores computer-readable instructions.
  • the processor executes the computer-readable instructions, the steps of the above voice message-based interaction method are implemented.
  • this application also provides a computer-readable storage medium.
  • the computer-readable storage medium has computer-readable instructions stored thereon. When the computer-readable instructions are executed by the processor, the steps of the above voice message-based interaction method are implemented.
  • this application also provides a computer program product.
  • the computer program product includes computer readable instructions, which when executed by a processor implement the steps of the above voice message-based interaction method.
  • Figure 1 is an application environment diagram of a voice message-based interaction method in one embodiment
  • Figure 2 is a schematic flow chart of an interaction method based on voice messages in one embodiment
  • Figure 3 is a schematic diagram of a message bubble displaying a voice message and a corresponding identity icon in one embodiment
  • Figure 4 is a schematic diagram of a message bubble displaying a voice message and a corresponding identity icon in another embodiment
  • Figure 5 is a schematic diagram of responding to a playback trigger event in one embodiment
  • Figure 6 is a schematic diagram of the rotation of the identity identification icon in one embodiment
  • Figure 7 is a schematic diagram of the rotation of the first tape reel in one embodiment
  • Figure 8 is a schematic diagram of the playback process of a voice message in one embodiment
  • Figure 9 is a schematic diagram of the playback process of a voice message in another embodiment.
  • Figure 10 is a schematic diagram of responding to a playback end event in one embodiment
  • Figure 11 is a schematic diagram of responding to a voice message recording event in one embodiment
  • Figure 12 is a schematic diagram of responding to a voice message recording event in another embodiment
  • Figure 13 is a schematic diagram of the recording bubble gradually decreasing as the recording progresses in one embodiment
  • Figure 14 is a schematic diagram of voice message recording in one embodiment
  • Figure 15 is a schematic diagram of an embodiment in which the outer contour of the second tape reel gradually expands toward the outer contour of the recording bubble as recording progresses;
  • Figure 16 is a schematic diagram of displaying and canceling the display of a voice recording icon in one embodiment
  • Figure 17 is a schematic diagram of a part of the message bubble gradually increasing as playback progresses in one embodiment
  • Figure 18 is a schematic diagram of voice message playback in one embodiment
  • Figure 19 is a schematic diagram of an embodiment in which the outer contour of the first tape reel gradually shrinks toward the center of the message bubble as playback progresses;
  • Figure 20 is a schematic diagram of displaying and canceling the display of the voice playback icon in one embodiment
  • Figure 21 is a schematic diagram of a digital icon showing digital changes in one embodiment
  • Figure 22 is a schematic diagram of responding to a voice positioning event in one embodiment
  • Figure 23 is a schematic diagram of obtaining the progress adjustment position, initial position and center point position in one embodiment
  • Figure 24 is a schematic diagram of determining the quadrant of the progress adjustment position in one embodiment
  • Figure 25 is a schematic diagram of obtaining relative angles in one embodiment
  • Figure 26 is a schematic diagram of responding to a playback interrupt event in one embodiment
  • Figure 27 is a schematic diagram of the voice message recording stage in one embodiment
  • Figure 28 is a schematic diagram of the voice message recording stage in another embodiment
  • Figure 29 is a schematic diagram of the voice message playback stage in one embodiment
  • Figure 30 is a schematic diagram of the voice message playback stage in another embodiment
  • Figure 31 is a schematic diagram of responding to a 2x speed playback event in one embodiment
  • Figure 32 is a schematic diagram of responding to a playback interrupt event in another embodiment
  • Figure 33 is a structural block diagram of an interactive device based on voice messages in one embodiment
  • Figure 34 is an internal structural diagram of a computer device in one embodiment.
  • the voice message-based interaction method provided by the embodiment of the present application can be applied in the application environment as shown in Figure 1.
  • the terminal 102 is installed with a client for implementing voice message-based interaction.
  • the client may be an instant messaging application, a web page client, or a sub-application running in the operating environment of the parent application.
  • the terminal 102 displays the message bubble 104 of the voice message and the corresponding identification icon 106.
  • the first tape reel 108 is displayed at the message bubble 104 and the second end connection of the first tape segment 110 is displayed.
  • the first tape reel 108 displays that the first end of the first tape segment 110 moves toward the identification icon 106 and triggers the playback language.
  • At least one of the first tape reel 108 or the identification icon 106 is displayed to rotate (FIG. 1 illustrates the identification icon rotating), and the thickness of the first tape reel 108 changes with the The playback progress of the voice message gradually decreases, and the first tape segment 110 connecting the identification icon 106 and the first tape reel 108 is displayed during at least a part of the playback process.
  • the display of the first tape segment 110 is canceled.
  • a tape reel 108 As the first tape reel 108 is canceled, the second end of the first tape segment 110 is displayed and moves from the first tape reel 108 toward the identification icon 106 until the third end of the first tape segment 110 is displayed.
  • the terminal 102 can be, but is not limited to, various desktop computers, laptops, smartphones, tablets, Internet of Things devices and portable wearable devices.
  • the Internet of Things devices can be smart speakers, smart TVs, smart air conditioners, smart vehicle-mounted devices, etc. .
  • Portable wearable devices can be smart watches, smart bracelets, head-mounted devices, etc.
  • an interaction method based on voice messages is provided. This method is explained by taking the method applied to the terminal 102 in Figure 1 as an example, and includes the following steps:
  • Step 202 Display the message bubble of the voice message and the corresponding identity icon.
  • message bubbles are used to present voice messages, which are special effects for displaying voice messages and are displayed after the recording of the voice message ends.
  • Message bubbles include bubble color and bubble shape.
  • the bubble color can be configured according to the actual application scenario. In this embodiment, the bubble color is not specifically limited. For example, the bubble color can be white or green.
  • objects using the terminal can also pre-configure bubble colors according to their own preferences.
  • the bubble shape can be configured according to the actual application scenario. In this embodiment, the bubble shape is not specifically limited. For example, the bubble shape can be circular, rectangular, or square.
  • objects using the terminal can also pre-configure bubble shapes according to their own preferences.
  • the identity identification icon refers to the icon of the publishing object of the voice message. For example, the identity identification icon may specifically refer to the avatar of the publishing object of the voice message, and the avatar of the publishing object may be preconfigured by the publishing object according to his or her own preferences.
  • the terminal will display the message bubble of the voice message and the corresponding identity icon.
  • the terminal will obtain the preconfigured bubble color and bubble shape, display the message bubble of the voice message according to the bubble color and bubble shape, and display the voice message.
  • the identity icon corresponding to the message.
  • the relative positions of the message bubble of the voice message and the corresponding identity icon displayed by the terminal used may be different.
  • the message bubble of the voice message displayed by the terminal used is located on the right side of the corresponding identity icon, and the message bubble The center of is on the same horizontal line as the center of the ID icon.
  • the message bubble of the voice message displayed by the terminal used is located on the left side of the corresponding identity icon, and the message bubble The center of is on the same horizontal line as the center of the ID icon.
  • Step 204 in response to the playback trigger event of the voice message, display the first tape reel in the message bubble, display the second end of the first tape segment connected to the first tape reel, and display the first end-to-end identity of the first tape segment.
  • the logo icon moves and triggers the voice message to be played.
  • the playback trigger event refers to an event that triggers the playback of the voice message.
  • the playback triggering event may specifically refer to the selection operation of the message bubble.
  • the selection operation for the message bubble may specifically refer to one of a click operation, a long press operation, and a double-click operation.
  • the playback triggering event may specifically refer to when at least two voice messages can be played continuously and the previous voice message corresponding to the voice message has finished playing.
  • the first tape reel refers to a virtual animation representing the shape of a tape reel for voice message playback.
  • the tape reel shape refers to the shape of a tape winding around a reel similar to a physical tape reel, that is, the tape winds around the reel to form a tape reel. .
  • the terminal will monitor the playback trigger event of the voice message in real time.
  • the playback trigger event of the voice message is detected, in response to the playback trigger event of the voice message, the first tape reel will be displayed in the message bubble, and the first tape segment will be displayed.
  • the second end is connected to the first tape reel, and the first end of the first tape segment is displayed to move toward the identification icon, and triggers the playing of the voice message.
  • the first end of the first tape segment will continue to move toward the identity icon as the playback progresses.
  • the identity icon Displays the first tape segment connecting the ID icon to the first tape reel.
  • the terminal in response to the playback trigger event of the voice message, the terminal will display the first tape reel in the message bubble, display the second end of the first tape segment connected to the first tape reel, and display the first tape segment
  • the first end of the tape segment moves toward the identity identification icon and triggers the playback of the voice message.
  • the first end of the first tape segment will continue to move toward the identity identification icon as the playback progresses.
  • the first end of the first tape segment Move the first end to the identity icon, Displays the first tape segment connecting the ID icon to the first tape reel.
  • the terminal displays the message bubble of the voice message and the corresponding identity icon.
  • the first tape volume representing the playback of the voice message is displayed at the message bubble. plate.
  • Step 206 During the playback of the voice message, it is displayed that at least one of the first tape reel or the identification icon rotates, and the thickness of the first tape reel gradually decreases as the playback progress of the voice message progresses, and during the playback process The first tape segment connecting the identification icon and the first tape reel is displayed for at least a portion of the period.
  • the thickness of the first tape reel refers to the thickness of the tape wound on the reel, and is related to the message duration of the voice message. The longer the message duration, the thicker the thickness.
  • the thickness of the first tape reel gradually decreases with the playback progress of the voice message. This means that the thickness of the first tape reel changes with the playback progress of the voice message. As the playback progress increases, the thickness of the first tape reel gradually decreases. decrease, that is, as the playback progress increases, the tape wound on the reel of the first tape reel gradually decreases.
  • the first tape segment refers to the tape segment used to connect the identification icon and the first tape reel during the playback of the voice message.
  • the first tape segment includes a first end and a second end. The first end of the first tape segment is used to connect the identification icon, and the second end of the first tape segment is used to connect the first tape reel.
  • the terminal will display that at least one of the first tape reel or the identification icon is rotating, and the thickness of the first tape reel gradually decreases as the voice message plays progresses, and in The first tape segment connecting the identification icon and the first tape reel is displayed during at least a part of the playing process.
  • the terminal will display the identification icon rotating, and the first tape reel will not rotate.
  • the rotation direction of the identity icon can be pre-configured according to the actual application scenario. For example, the rotation direction can be clockwise or counterclockwise.
  • the terminal will display the identity icon and rotate clockwise, and the first tape reel does not rotate, and the thickness of the first tape reel changes with the As the playback progress of the voice message gradually decreases, the first tape segment connecting the identification icon and the first tape reel is displayed during at least a part of the playback process.
  • the terminal will display that the identification icon does not rotate, and the first tape reel rotates.
  • the rotation direction of the first tape reel can be pre-configured according to the actual application scenario. For example, the rotation direction can be clockwise or counterclockwise.
  • the terminal will display that the first tape reel rotates clockwise, and the identity icon does not rotate, and the thickness of the first tape reel changes with the As the playback progress of the voice message gradually decreases, the first tape segment connecting the identification icon and the first tape reel is displayed during at least a part of the playback process.
  • the terminal will display the identification icon and the first tape reel rotating at the same time.
  • the rotation directions of the identification icon and the first tape reel can be pre-configured according to the actual application scenario, and can be the same or different. .
  • the rotation mode may be that the identity logo icon rotates clockwise and the first tape reel rotates counterclockwise, or it may be that the identity logo icon rotates counterclockwise and the first tape reel rotates counterclockwise. The reel rotates clockwise.
  • displaying the first tape segment connecting the identification mark icon and the first tape reel during at least part of the playback process means that during the playback process, when the first end of the first tape segment moves to the identity mark icon, and the second end of the first tape segment is connected to the first tape reel, the connection identification icon and the first tape segment of the first tape reel are displayed.
  • the second end of the first tape segment is connected from the first tape The reel moves toward the identification icon, and the first tape segment connecting the identification icon and the first tape reel is no longer displayed.
  • the terminal will first display that the second end of the first tape segment is connected to the first tape reel, and the first end of the first tape segment Move toward the identification icon.
  • the terminal displays the first tape segment connecting the identification icon and the first tape reel.
  • the second end of the first tape segment Connected to the first tape reel the first end of the first tape segment is connected to the identification icon.
  • Step 208 in response to the playback end event of the voice message, cancel the display of the first tape reel; as the display of the first tape reel is canceled, display the second end of the first tape segment from the first tape reel to the identity identification icon Move until the second end of the first tape segment moves to the identification icon and cancel the display of the first tape segment.
  • the playback end event means that the voice message has finished playing.
  • the playback end event may specifically refer to the fact that the voice message has finished playing.
  • the thickness of the first tape reel gradually decreases as the playback progress of the voice message progresses. As the playback progress of the voice message progresses, the thickness of the first tape reel becomes more and more thick. Thin, at the end of the voice message playback, it means that the playback progress of the voice message is 100%, the thickness of the first tape reel will also become 0, and the terminal responds At the end of playback event of the voice message, the first tape reel will be undisplayed.
  • the terminal in response to the playback end event of the voice message, displays the second end of the first tape reel and moves from the first tape reel toward the identity icon until the first tape reel is cancelled.
  • the second end of the tape segment moves to the identification icon, canceling the display of the first tape segment.
  • the terminal before responding to the playback end event of the voice message, displays the first tape segment connecting the identification icon and the first tape reel.
  • the terminal When the playback of the voice message is detected End event, the terminal will respond to the playback end event of the voice message, and as the first tape reel is canceled, the second end of the first tape segment will be displayed and move from the first tape reel to the identification icon until the first tape The second end of the segment is moved to the identity icon and the first tape segment is undisplayed.
  • the above interactive method based on voice messages displays the message bubble of the voice message and the corresponding identity icon.
  • the first tape reel is displayed at the message bubble and the second end of the first tape segment is displayed.
  • Connect the first tape reel display the first end of the first tape segment moving towards the identity icon, and trigger the playback of the voice message, which can enrich the display form when the voice message starts to play, so that the voice interaction object can intuitively perceive the voice message Start playing.
  • the first tape segment shows that the first tape reel rotates together with the identity identification icon, and the thickness of the first tape reel gradually decreases as the voice message plays progress.
  • the thickness change during the rotation of the tape reel can be used to realize the change of the playback progress of the simulated voice message, so that the voice interaction object can intuitively perceive the playback progress without the need to listen to the voice message repeatedly, thereby reducing the number of repeated listening to the voice message and avoiding
  • the continuous occupation of resources can improve resource utilization.
  • the display of the first tape reel is cancelled.
  • the second end of the first tape segment is displayed from the first The tape reel moves toward the identification icon until the second end of the first tape segment moves to the identity icon, and the display of the first tape segment is cancelled.
  • the first tape segment can be utilized.
  • the mobile implementation of the second end simulates the state of the end of the voice message playback, so that the voice interaction object can intuitively perceive the end of the voice message playback.
  • the message bubble displaying the voice message and the corresponding identity icon include:
  • At least one of the second tape reel or the identification icon is displayed to rotate, and the thickness of the second tape reel gradually increases with the progress of the recording of the voice message, and during at least part of the recording process A second tape segment connecting the identification icon and the second tape reel is displayed during the period;
  • the second tape reel is undisplayed and a message bubble of the voice message is displayed.
  • the voice message recording event refers to an event that triggers the recording of a voice message.
  • the voice message recording event may specifically refer to the selection operation of the recording control.
  • the selection operation of the recording control may specifically refer to one of a click operation, a long press operation, and a double-click operation.
  • the second tape reel refers to the virtual animation representing the shape of the tape reel for voice message recording
  • the tape reel shape refers to the shape of the tape wound around the reel similar to the physical tape reel, that is, the tape is wound around the reel to form a tape. reel.
  • the thickness of the second tape reel refers to the thickness of the tape wound on the reel, and is related to the message duration of the voice message. The longer the message duration, the thicker the thickness.
  • the thickness of the second tape reel gradually increases with the recording progress of the voice message. This means that the thickness of the second tape reel changes with the recording progress of the voice message. As the recording progress increases, the thickness of the second tape reel gradually increases. increases, that is, as the recording progress increases, the tape wound on the reel of the second tape reel gradually increases.
  • the second tape segment refers to the tape segment used to connect the identity identification icon and the second tape reel during the recording process of the voice message.
  • the second tape segment includes a first end and a second end. The first end of the second tape segment is used to connect the identification icon, and the second end of the second tape segment is used to connect the first tape reel.
  • the terminal monitors the voice message recording event in real time.
  • the terminal displays the identity icon and the second tape reel in response to the voice message recording event, and triggers the recording of the voice message.
  • the terminal will display that at least one of the second tape reel or the identification icon is rotating, and the thickness of the second tape reel gradually increases with the recording progress of the voice message, and the connection is displayed during at least part of the recording process.
  • Identification icon and second tape segment of the second tape reel the terminal will monitor the voice message recording end event in real time. When the voice message recording end event is detected, in response to the voice message recording end event, the terminal will cancel the display of the second tape reel and display the message bubble of the voice message. .
  • the terminal will display the identity icon rotating, and the second The tape reel does not rotate.
  • the rotation direction of the identity icon can be configured according to the actual application scenario. For example, the rotation direction can be clockwise or counterclockwise.
  • the terminal will display that the identification icon does not rotate, and the second tape reel rotates.
  • the rotation direction of the second tape reel can be pre-configured according to the actual application scenario. For example, the rotation direction can be clockwise or counterclockwise.
  • the terminal will display the identification icon and the second tape reel rotating at the same time.
  • the rotation directions of the identification icon and the second tape reel can be pre-configured according to the actual application scenario, and can be the same or different.
  • the rotation mode may be that the identification icon rotates clockwise and the second tape reel rotates counterclockwise, or it may be that the identification icon rotates counterclockwise and the second tape rotates counterclockwise. The reel rotates clockwise.
  • displaying the second tape segment connecting the identification icon and the second tape reel during at least part of the recording process means that during the recording process, when the second end of the second tape segment moves to the second At the tape reel, and the first end of the second tape segment is connected to the identification icon, the second tape segment connecting the identification icon and the second tape reel is displayed.
  • the first end of the second tape segment is connected to the identification icon, Move to the second tape reel and the second tape segment connecting the ID icon to the second tape reel is no longer displayed.
  • the identity icon and the second tape reel are displayed, and the recording of the voice message is triggered, which can enrich the form of voice message recording.
  • the second tape segment is displayed
  • the second tape reel rotates together with the identification icon, and the thickness of the second tape reel gradually increases with the recording progress of the voice message, so that the recording method of the voice message can be displayed, and the thickness of the second tape reel during rotation can be displayed.
  • the change realizes the change of the recording progress of the simulated voice message, so that the voice interaction object can intuitively perceive the recording progress.
  • the voice message recording can be completed, thereby displaying the voice message. Message bubble.
  • displaying the identification icon and the second tape reel, and triggering the recording of the voice message includes:
  • the recording bubble is used to represent the start of voice message recording. It is a special effect that displays when the voice message recording starts. It is displayed when the voice message recording starts.
  • Recording bubbles include bubble color and bubble shape.
  • the bubble color can be configured according to the actual application scenario. In this embodiment, the bubble color is not specifically limited. For example, the bubble color can be white or green.
  • objects using the terminal can also pre-configure bubble colors according to their own preferences.
  • the bubble shape can be configured according to the actual application scenario. In this embodiment, the bubble shape is not specifically limited. For example, the bubble shape can be circular, rectangular, or square. Furthermore, objects using the terminal can also pre-configure bubble shapes according to their own preferences.
  • the terminal will respond to the voice message recording event, display the identification icon and the recording bubble, display the first end of the second tape segment connected to the identification icon, and display the second end of the second tape segment from the identification icon to the recording bubble. Move and trigger the recording of voice messages. After the voice message starts recording, the second end of the second tape segment will continue to move toward the recording bubble. When the second end of the second tape segment is connected to the recording bubble, the terminal will be at the recording bubble. Displays the second tape reel.
  • the terminal responds to the voice message recording event by displaying the identification icon and recording bubble, displaying the first end connection identification icon of the second tape segment, and displaying the third end of the second tape segment.
  • the second end moves from the identity icon to the recording bubble and triggers the recording of the voice message.
  • the second end of the second tape segment will continue to move toward the recording bubble.
  • the terminal will display the second tape reel at the recording bubble.
  • the identification icon and the recording bubble are displayed, the first end of the second tape segment is displayed connected to the identification icon, and the second end of the second tape segment is displayed from the identification icon to the recording bubble.
  • Move and trigger the recording of voice messages which can enrich the display form when the voice message starts recording.
  • the second end of the second tape segment is connected to the recording bubble, the second tape reel is displayed at the recording bubble, and the second tape segment can be used
  • the mobile implementation of the second end simulates the state of starting recording of the voice message, so that the voice interaction object can intuitively sense that the recording of the voice message has started.
  • the message bubble displaying the voice message in response to the voice message recording end event, canceling the display of the second tape reel, includes:
  • the voice message recording end event refers to an event that triggers the end of recording the voice message.
  • the voice message recording end event can be realized by operating the recording control.
  • the voice message recording end event may specifically refer to stopping touching the recording control.
  • the voice message recording end event may specifically refer to the re-selecting operation of the recording control.
  • the re-selecting operation of the recording control may specifically refer to one of a click operation, a long press operation, and a double-click operation.
  • the terminal will respond to the voice message recording end event and display that the first end of the second tape segment moves from the identification icon to the second tape reel.
  • the terminal displays the second tape segment connecting the identification icon and the second tape reel.
  • the terminal will respond to the voice message recording end event and display that the first end of the second tape segment moves from the identification icon to the second tape reel.
  • the first end of the second tape segment moves to the second tape reel, Undisplays the second tape reel and displays the message bubble for the voice message.
  • the movement of the first end of the second tape segment can be used to simulate the end state of the recording of the voice message, so that the voice interaction object can intuitively perceive the end of the recording of the voice message.
  • the outer contour of the second tape reel is consistent with the outer contour of the recording bubble, a portion of the recording bubble is displayed inside the second tape reel, and a portion of the recording bubble is displayed Gradually decreases as the recording progresses.
  • the outer contour of the second tape reel is consistent with the outer contour of the recording bubble, and a part of the recording bubble is displayed inside the second tape reel, and the displayed recording
  • the part of the bubble gradually decreases with the recording progress, that is, as the recording progress increases, the part of the recording bubble gradually decreases.
  • a part of the recording bubble is displayed inside the second tape reel, and the part of the displayed recording bubble gradually decreases as the recording progresses. Gradually reduce the recording progress to simulate the process of voice message recording, so that the voice interaction object can intuitively perceive that the voice message is being recorded.
  • the second tape reel and the recording bubble are both circular, and the center of the circle of the second tape reel is consistent with the center of the circle of the recording bubble; before the voice message starts recording, the second tape reel is covered by the recording bubble , and the second tape reel is in an invisible state; when the second end of the second tape segment is connected to the recording bubble, the radius of the recording bubble gradually decreases with the recording progress of the voice message, and the second tape reel is in a visible state .
  • the second tape reel and the recording bubble are both circular, and the center of the second tape reel is consistent with the center of the recording bubble.
  • the second tape reel is covered by the recording bubble, and the second tape reel is covered by the recording bubble.
  • the second tape reel is in an invisible state, that is, the radius of the second tape reel is equal to the radius of the recording bubble.
  • the second tape reel and the recording bubble are both circular, and the center of the second tape reel is consistent with the center of the recording bubble.
  • the second tape reel is covered by the recording bubble.
  • a reference circle is also covered under the second tape reel, that is, as shown in Figure 14, the icon representing the voice message is composed of three circular elements superimposed, namely the reference circle, the second tape reel and the recording bubble.
  • the radii are R1, R2, and R3 respectively.
  • the second tape reel is covered by the recording bubble and is in an invisible state.
  • the terminal When the second end of the second tape segment is connected to the recording bubble, the second tape The second end of the segment reaches the icon representing the voice message, the terminal begins to display an animation in which the radius of the recording bubble gradually decreases as the recording progress of the voice message progresses, and the second tape reel is visible.
  • the radius R1 of the recording bubble gradually decreases as the voice message recording progresses to be quantified by using a reference circle (radius R3).
  • the recording time can be divided into several intervals in advance, and the lengths of R1 in different time intervals are in different ranges.
  • the thickness of the second tape reel gradually increases with the recording progress of the voice message, so that the voice interaction object can intuitively perceive the recording progress.
  • the center of the second tape reel is consistent with the center of the recording bubble, and the outer contour of the second tape reel gradually expands toward the outer contour of the recording bubble as the recording progresses.
  • the center of the second tape reel is consistent with the center of the recording bubble, and the outer contour of the second tape reel gradually moves toward the outside of the recording bubble as the recording progresses.
  • the process of recording a voice message can be simulated by gradually increasing the thickness of the second tape reel as the recording progresses, so that the voice interaction object can intuitively perceive that the voice message is being recorded.
  • the voice message-based interaction method further includes:
  • a voice recording icon covering a part of the identity logo icon is added to the identity logo icon, the voice recording icon is displayed, and in response to the voice message recording end event, the voice recording icon is canceled.
  • the voice recording icon refers to an icon indicating that the voice message is being recorded.
  • the voice recording icon may be a lip icon, indicating that the voice interaction object is inputting a voice message.
  • the terminal will add a voice recording icon covering part of the identity logo icon on the identity logo icon, and display the voice recording icon, indicating that the recording of the voice message is in progress.
  • the voice recording icon is canceled to indicate that the recording of the voice message has ended.
  • a voice recording icon covering a part of the identity logo icon is added to the identity logo icon and the voice recording icon is displayed, which can intuitively show that the recording of the voice message is in progress.
  • the message recording end event cancels the display of the voice recording icon, which can visually show that the recording of the voice message has ended.
  • the voice message-based interaction method further includes:
  • the second tape reel When the recorded voice message reaches the upper limit of the message length, the second tape reel completely covers the recording bubble, triggering the voice message recording end event.
  • the terminal will count the duration of recorded voice messages in real time.
  • the terminal will display that the second tape reel completely covers the recording bubble, triggering the voice message recording end event.
  • the upper limit length of the message can be configured according to the actual application scenario.
  • the upper limit of the message duration can be one minute, that is, when the voice message is recorded for one minute, the terminal displays that the second tape reel completely covers the recording bubble, triggering the voice message recording end event.
  • the second tape reel when the recorded voice message reaches the upper limit of the message duration, the second tape reel completely covers the recording bubble and triggers the voice message recording end event, which can effectively control the message duration of the voice message and avoid repeated listening to the voice caused by too long message duration. In the case of messages, it can reduce the number of repeated listening to voice messages, avoid continuous occupation of resources, and improve resource utilization.
  • the outer contour of the first tape reel is consistent with the outer contour of the message bubble, a part of the message bubble is displayed inside the first tape reel, and a part of the displayed message bubble It gradually increases as playback progresses.
  • the outer contour of the first tape reel is consistent with the outer contour of the message bubble
  • a part of the message bubble is displayed inside the first tape reel
  • the displayed message A part of the bubble gradually increases as the playback progress increases, that is, as the playback progress increases, a part of the message bubble gradually increases.
  • a part of the message bubble is displayed inside the first tape reel, and the part of the displayed message bubble gradually increases with the playback progress.
  • the playback progress is gradually increased to simulate the process of playing the voice message, so that the voice interaction object can intuitively perceive that the voice message is being played.
  • the first tape reel and the message bubble are both circular, and the center of the first tape reel is consistent with the center of the message bubble; when the first tape reel is displayed at the message bubble, the radius of the message bubble Gradually decrease, and the degree of decrease in the radius of the message bubble is positively related to the message duration of the voice message; when the first end of the first tape segment is connected to the identity icon, the radius of the message bubble gradually increases as the voice message plays progress big.
  • the first tape reel and the message bubble are both circular, and the center of the first tape reel and the circle of the message bubble are Consistent with each other, before the first tape reel is displayed at the message bubble, the first tape reel is covered by the message bubble, and the first tape reel is in an invisible state, that is, at this time, the radius of the first tape reel and the radius of the message bubble are The radii are equal.
  • the radius of the message bubble gradually decreases, and the degree of decrease in the radius of the message bubble is positively related to the message duration of the voice message.
  • the first tape reel is visible. state, and the thickness of the first tape reel is positively related to the message duration of the voice message.
  • the radius of the message bubble gradually increases with the playback progress of the voice message, that is, During the playback of the voice message, the radius of the message bubble gradually increases as the playback progress of the voice message progresses. As the radius of the message bubble gradually increases, the thickness of the first tape reel gradually decreases.
  • the first tape reel and the message bubble are both circular, and the center of the first tape reel is consistent with the center of the message bubble.
  • the first tape reel Before the first tape reel is displayed at the message bubble, the first tape reel The disk is covered with message bubbles, and a reference circle is also covered under the first tape reel.
  • the icon representing the voice message is composed of three circular elements superimposed, namely the reference circle, the first tape reel.
  • the radii of the disk and the message bubble are R1, R2, and R3 respectively.
  • the first tape reel is covered by the message bubble and is in an invisible state.
  • the radius of the message bubble gradually decreases, and the radius of the message bubble decreases. The degree is positively correlated with the message duration of the voice message.
  • the positive correlation between the reduction degree of the radius R1 of the message bubble and the message duration of the voice message can be quantified through a reference circle (radius R3).
  • the message duration can be divided into several intervals in advance, and the lengths of R1 in different time intervals are in different ranges.
  • the radius R1 of the message bubble gradually increases with the playback progress of the voice message, which can be quantified by using a reference circle (radius R3).
  • the remaining playback duration can be divided into several intervals in advance, and the lengths of R1 in different time intervals are in different ranges.
  • the thickness of the first tape reel gradually decreases along with the playback progress of the voice message, so that the voice interaction object can intuitively perceive the playback progress.
  • the center of the first tape reel is consistent with the center of the message bubble, and the outer contour of the first tape reel gradually shrinks toward the center of the message bubble as the playback progresses.
  • the center of the first tape reel is consistent with the center of the message bubble, and the outer contour of the first tape reel gradually moves toward the center of the message bubble as the playback progresses.
  • Shrinking that is, as the playback progress increases, the thickness of the first tape reel gradually decreases.
  • the process of playing the voice message can be simulated by gradually reducing the thickness of the first tape reel as the playback progresses, so that the voice interaction object can intuitively perceive that the voice message is being played.
  • the thickness of the first tape reel is linearly positively related to the message duration of the voice message.
  • the thickness of the first tape reel is linearly positively correlated with the message duration of the voice message. That is, the longer the message duration of the voice message, the thicker the thickness of the first tape reel. The shorter the message duration, the thinner the thickness of the first tape reel. In a specific application, since the thickness of the first tape reel is linearly positively correlated with the message duration of the voice message, the thickness of the first tape reel can be determined based on the proportional relationship between the message duration of the voice message and the upper limit message duration.
  • the thickness of the first tape reel is linearly positively correlated with the message duration of the voice message, and the voice message can be used to The message duration of the message enables determination of the thickness of the first tape reel.
  • the first tape reel when the message duration of the voice message is the upper limit of the message duration, when the voice message is triggered to be played, the first tape reel completely covers the message bubble.
  • the message duration of the voice message is the upper limit of the message duration
  • the voice message when the voice message is triggered to be played, the first tape reel completely covers the message bubble, that is, the message bubble is invisible.
  • the radius of the message bubble will gradually decrease to zero, so that the first tape reel is fully displayed and covers the message bubble.
  • the upper limit length of the message can be configured according to the actual application scenario.
  • the upper limit of message duration can be one minute.
  • the first tape reel when the message duration of the voice message is the upper limit message duration, when the voice message is triggered to be played, the first tape reel completely covers the message bubble, so that when the message duration is the upper limit message duration, the corresponding first tape reel can be realized Reel display.
  • the voice message-based interaction method further includes:
  • a voice playback icon covering a part of the identity logo icon is added to the identity logo icon, the voice playback icon is displayed, and in response to the playback end event of the voice message, the voice playback icon is canceled.
  • the voice playback icon refers to an icon indicating that the voice message is being played.
  • the voice play icon may be an ear icon, indicating that the voice interaction object is listening to the voice message.
  • the terminal will add a voice playback icon that covers part of the identity logo icon and display the voice playback icon, indicating that the playback of the voice message is in progress.
  • the voice playback icon is canceled to indicate that the playback of the voice message has ended.
  • a voice play icon covering a part of the identity logo icon is added to the identity logo icon and the voice play icon is displayed, which can visually show that the voice message is being played.
  • the playback end event of the message cancels the display of the voice playback icon, which can visually show that the playback of the voice message has ended.
  • the voice message-based interaction method further includes:
  • the number icon corresponding to the message duration of the voice message is displayed in the message bubble of the voice message;
  • a digital icon with changing numbers is displayed, and the numbers in the digital icon with changing numbers gradually decrease as the playback progress of the voice message progresses.
  • the terminal will display a digital icon corresponding to the message duration of the voice message in the message bubble of the voice message.
  • the number in the digital icon is positively related to the message duration.
  • the terminal will display The number icon changes with numbers, and the numbers in the number icon with changing numbers gradually decrease as the voice message progresses.
  • the message duration does not reach the upper limit of the message duration
  • the number in the corresponding digital icon of the displayed message duration is the same as the message duration.
  • the message duration reaches the upper limit of the message duration
  • the number in the corresponding digital icon of the displayed message duration is the same. Same as the message limit duration.
  • the number icon corresponding to the message duration of the voice message will be displayed in the message bubble of the voice message.
  • the terminal will display the number.
  • the number in the number icon changes, and the number in the number icon changes gradually decreases with the playback progress of the voice message. That is, the greater the playback progress, the smaller the number in the number icon. In this way, the playback countdown is realized through the numbers in the number icon.
  • the voice playback countdown can be realized through the changing numbers in the digital icons, so that the voice interaction object can Intuitively feel the progress of voice message playback.
  • the playback triggering event includes a double-speed playback event; in response to the playback triggering event of the voice message, the first tape reel is displayed at the message bubble, and the second end of the first tape segment is displayed to be connected to the first tape reel, Displaying that the first end of the first tape segment moves toward the identification icon and triggering the playback of the voice message includes:
  • the first tape reel is displayed in the message bubble, the second end of the first tape segment is displayed to be connected to the first tape reel, and the first end of the first tape segment is displayed to move toward the identity icon. , and play the voice message at the double speed corresponding to the double speed playback event.
  • the double-speed playback event refers to an event that triggers the double-speed playback of a voice message, which can be achieved by operating the message bubble.
  • the double-speed playback event can be realized through one of click operations, long press operations, and double-click operations on the message bubble.
  • the terminal will monitor the double-speed playback event of the voice message in real time.
  • the first tape reel will be displayed in the message bubble, and the first tape will be displayed.
  • the second end of the segment is connected to the first tape reel, and the first end of the first tape segment is displayed to move toward the identification icon, and the voice message is played at the doubled speed corresponding to the doubled speed playback event.
  • the playback trigger event is a double-speed playback event
  • the first end of the first tape segment will continue to move toward the identity icon as the playback progresses.
  • the third end of the first tape segment One end is moved to the identification icon, and the first tape segment connecting the identification icon and the first tape reel is displayed.
  • double-speed playback of the voice message in response to a double-speed playback event, double-speed playback of the voice message can be implemented.
  • the voice message-based interaction method further includes:
  • the first tape reel is displayed at the message bubble, and the voice message is played at the double-speed corresponding to the double-speed playback event.
  • the terminal will also monitor the double-speed playback event of the voice message in real time.
  • the double-speed playback event of the voice message is detected, in response to the double-speed playback event of the voice message, the first message bubble will be displayed. Tape reel, and play the voice message at the corresponding double speed of the double speed playback event.
  • the double-speed playback of the voice message in response to the double-speed playback event, the double-speed playback of the voice message can be realized.
  • the double-speed playback voice message corresponding to the double-speed playback event includes:
  • the callback function refers to the function that is passed as a parameter.
  • the callback function is usually implemented using a function pointer.
  • the callback function allows the pointer of the function to be called to be passed to a function as a parameter, so that the function can flexibly use different methods when handling similar events. That is, the party that provides the function implementation will pass the function of the callback function during initialization.
  • the pointer is registered to the caller. When a specific event or condition occurs, the caller uses the function pointer to call the callback function to process the event.
  • the function pointer of the callback function is registered to the terminal. When the double-speed playback time occurs, the terminal uses the function pointer to call the callback function to process the double-speed playback event.
  • the terminal will call the callback function of the double-speed playback event, modify the voice playback speed attribute through the callback function to adjust the playback speed, and play the voice message according to the playback speed corresponding to the modified voice playback speed attribute.
  • the double-speed playback event may be a double-speed playback event, a triple-speed playback event, a 0.5x-speed playback event, etc.
  • the double-speed playback event of the double-speed playback event is not specifically limited.
  • the double-speed playback event can be a double-speed playback event.
  • the terminal displays the first tape reel in the message bubble and calls the callback function of the double-speed playback event.
  • the callback function modifies the voice playback speed attribute playbackRate to 2, so that the voice message is played at twice the speed.
  • the callback function of the double-speed playback event is called, and the voice playback speed attribute is modified through the callback function, so that the voice message can be played at the playback speed corresponding to the modified voice playback speed attribute.
  • the playback triggering event includes a voice positioning event
  • the first tape reel is displayed at the message bubble
  • the second end of the first tape segment is displayed connected to the first tape reel
  • Displaying the first end of the first tape segment moving toward the identification icon and triggering the playback of the voice message includes:
  • the positioning playback progress indicated by the playback progress adjustment event is displayed at the message bubble, the second end of the first tape segment is connected to the first tape reel, and the first end of the first tape segment is displayed.
  • the voice positioning event is an event for playing a voice message at a specified position, which can be triggered by operating the message bubble.
  • the operation on the message bubble may specifically refer to one of a click operation, a long press operation, and a double-click operation.
  • the playback progress adjustment event refers to an event that adjusts the playback progress of the voice message.
  • the playback progress adjustment event may specifically be an event for adjusting the playback progress forward, that is, playing the unplayed part.
  • the playback progress adjustment event may specifically be an event for adjusting the playback progress backward, that is, playing the part that has already been played.
  • the playback progress adjustment event can only be an event that adjusts the playback progress forward.
  • the playback progress adjustment event can be an event that adjusts the playback progress forward. , or it can be an event that adjusts the playback progress backward.
  • the terminal will monitor the voice positioning event of the voice message in real time.
  • the voice positioning event of the voice message is detected, in response to the voice positioning event of the voice message, the first tape reel and the current playback progress will be displayed in the message bubble, and in response
  • the positioning playback progress indicated by the playback progress adjustment event is displayed in the message bubble, the second end of the first tape segment is connected to the first tape reel, and the first end of the first tape segment is displayed.
  • the identity icon moves, triggering the voice message to be played starting from the positioning playback progress of the voice message.
  • the playback triggering event is a voice positioning event
  • the first end of the first tape segment will continue to move toward the identity icon as the playback progress progresses.
  • the first tape segment connecting the identification icon and the first tape reel is displayed.
  • the terminal before playing the voice message, when the voice positioning event of the voice message is detected, the terminal responds to the voice positioning event of the voice message and displays the first tape reel and the current tape in the message bubble.
  • the playback progress ie, 0′′ in Figure 22
  • displays the positioning playback progress indicated by the playback progress adjustment event ie, 2.5′′ in Figure 22 at the message bubble.
  • the first tape reel and the current playback progress are displayed at the message bubble, which enables the voice interaction object to intuitively perceive the current playback progress and facilitates the voice interaction object to change from the current playback progress Start making adjustments.
  • the voice interaction object can intuitively perceive the positioning playback progress.
  • the voice message-based interaction method further includes:
  • the first tape reel and the current playback progress are displayed at the message bubble;
  • the terminal will monitor the voice positioning event of the voice message in real time.
  • the voice positioning event of the voice message is detected, the first tape will be displayed at the message bubble in response to the voice positioning event of the voice message.
  • the reel and the current playback progress in response to the playback progress adjustment event of the voice message, display the positioning playback progress indicated by the playback progress adjustment event at the message bubble, triggering the voice message to be played starting from the positioning playback progress of the voice message.
  • the voice message-based interaction method further includes:
  • the voice positioning event of the voice message is triggered.
  • the terminal will monitor the touch event for the message bubble in real time.
  • the touch event for the message bubble is detected, in response to the touch event for the message bubble, it will start recording the trigger duration of the touch point corresponding to the touch event.
  • the trigger duration reaches Duration threshold, and the touch point is in a stationary state within the triggering duration, that is, when the touch point is not moved, the voice positioning event of the voice message is triggered.
  • the duration threshold can be configured according to the actual application scenario.
  • the terminal responds to the touch event of the message bubble, marks the touch start status as true, and records the first current timestamp startTime, that is, it starts recording the touch duration of the touch point corresponding to the touch event.
  • the trigger duration When the duration threshold is reached (that is, the duration difference between the second current timestamp nowTime and the first current timestamp startTime reaches the duration threshold), and the touch point is in a stationary state within the trigger duration, that is, no touch movement event is detected, the voice message is triggered. voice positioning event.
  • the terminal is pre-configured with a callback function corresponding to the voice positioning event. The terminal can trigger the voice positioning event of the voice message by calling the callback function corresponding to the voice positioning event.
  • the voice message can be processed Accurate triggering of voice positioning events.
  • displaying the positioning playback progress indicated by the playback progress adjustment event at the message bubble includes:
  • the progress adjustment position refers to the position of the progress adjustment point
  • the initial position refers to the position of the current playback progress
  • the center point position refers to the center of the message bubble.
  • the positions here are all relative to the preconfigured origin.
  • the preconfigured origin can be configured according to actual application scenarios.
  • the preconfigured origin may be the upper left corner vertex of the terminal display interface.
  • the movement angle refers to the actual adjustment angle of the progress adjustment position relative to the initial position when taking the center point position as the center, and corresponds to the playback progress adjustment event.
  • the terminal will respond to the playback progress adjustment event of the voice message, obtain the position of the progress adjustment touch point based on the preconfigured origin, that is, the progress adjustment position, and obtain the initial position corresponding to the current playback progress and the message bubble based on the preconfigured origin.
  • the center point position is based on the initial position corresponding to the current playback progress, the center point position of the message bubble, and the progress adjustment position. Calculate the movement angle of the progress adjustment position relative to the initial position. Based on the movement angle and the message duration of the voice message, determine the playback progress adjustment.
  • the positioning playback progress indicated by the event is displayed in the message bubble.
  • the positioning playback progress indicated by the playback progress adjustment event is displayed in the message bubble.
  • the progress adjustment position relative to the initial position can be obtained based on the initial position corresponding to the current playback progress, the center point position of the message bubble, and the progress adjustment position.
  • the movement angle of the position, and then the positioning playback progress indicated by the playback progress adjustment event can be determined based on the movement angle and the message duration of the voice message, so that the positioning playback progress indicated by the playback progress adjustment event can be displayed at the message bubble.
  • obtaining the progress adjustment position in response to a playback progress adjustment event for a voice message, includes:
  • the last touch point in the movement track of the touch point is used as the progress adjustment position.
  • the terminal in response to the playback progress adjustment event of the voice message, the terminal will start to record the touch point movement trajectory corresponding to the playback progress adjustment event, and in response to the progress adjustment end event of the voice message, the last touch point in the touch point movement trajectory will be regarded as Progress adjustment position.
  • the voice interaction object when adjusting the playback progress, the voice interaction object will drag the message bubble on the terminal, and the terminal will start to record the corresponding touch point movement trajectory, and use the last touch point in the touch point movement trajectory as the progress adjustment position.
  • the voice interaction object when the current playback progress is 0′′, the voice interaction object can drag the message bubble clockwise, that is, the playback progress adjustment event can only be an event that adjusts the playback progress forward.
  • the way the voice interaction object drags the message bubble can be clockwise or counterclockwise. That is, the playback progress adjustment event can be an event to adjust the playback progress forward, or it can be an event to adjust the playback progress forward. Event to adjust the playback progress afterwards.
  • the last touch point in the touch point movement trajectory can be used as the progress adjustment position when the progress adjustment ends. Realize the determination of the progress adjustment position.
  • obtaining the movement angle of the progress adjustment position relative to the initial position includes:
  • the movement angle of the progress adjustment position relative to the initial position is obtained.
  • the relative angle refers to the position angle difference between the progress adjustment position and the initial position when the center point position is the center, that is, the first line connecting the initial position and the center point position, and the second line connecting the center point position and the progress adjustment position.
  • the first coordinate of the center point position refers to the coordinates of the center point position determined based on the preconfigured origin point, including coordinates in two axes (horizontal axis and vertical axis).
  • the second coordinate of the progress adjustment position refers to the coordinates of the progress adjustment position determined based on the preconfigured origin point, including coordinates in two axes (horizontal axis and vertical axis).
  • the quadrants are the four areas divided by the horizontal axis and the vertical axis in the plane Cartesian coordinate system (Cartesian coordinate system), and each area is called a quadrant.
  • the quadrant is centered on the origin, and the x and y axes are the dividing lines.
  • the one on the upper right is called the first quadrant
  • the one on the upper left is called the second quadrant
  • the one on the lower left is called the third quadrant
  • the one on the lower right is called the fourth quadrant.
  • the quadrant is centered on the center point position, that is, the x and y axes extend from the center point position as dividing lines to determine the quadrant where the progress adjustment position is located.
  • the terminal will use the cosine theorem to calculate the relative angle of the progress adjustment position relative to the initial position based on the initial position corresponding to the current playback progress, the center point position of the message bubble, and the progress adjustment position, and then compare the relative angle of the center point position respectively.
  • the comparison result is obtained between the first coordinate and the second coordinate of the progress adjustment position in the same axial direction.
  • the quadrant of the progress adjustment position is determined.
  • the relative progress adjustment position is obtained. The movement angle from the initial position.
  • the first coordinate includes a first abscissa and a first ordinate
  • the second coordinate includes a second abscissa and a second ordinate
  • the terminal compares the first abscissa and the second abscissa respectively
  • the The comparison results can be obtained from the first ordinate and the second ordinate. Based on the comparison results, the quadrant of the progress adjustment position can be determined.
  • the quadrant where the progress adjustment position is located can be determined to be the first quadrant.
  • the quadrant where the progress adjustment position is located can be determined to be the second quadrant.
  • the quadrant where the progress adjustment position is located is the third quadrant.
  • the quadrant where the progress adjustment position is located is the fourth quadrant.
  • the relative angle of the progress adjustment position relative to the initial position can be obtained by comparing the first coordinate of the center point position and the progress.
  • the second coordinate of the adjustment position can be used to determine the quadrant of the progress adjustment position, and then the movement angle of the progress adjustment position relative to the initial position can be accurately determined by combining the quadrant and relative angle of the progress adjustment position.
  • obtaining the relative angle of the progress adjustment position relative to the initial position includes:
  • the terminal will obtain the first distance between the initial position corresponding to the current playback progress and the center point position of the message bubble, the second distance between the progress adjustment position and the center point position, and the distance between the progress adjustment position and the initial position.
  • the third distance is to obtain the relative angle of the progress adjustment position relative to the initial position based on the first distance, the second distance, the third distance and the cosine theorem.
  • the cosine theorem is a mathematical theorem that describes the relationship between the length of three sides in a triangle and the cosine value of an angle. That is, for any triangle, the square of any side is equal to the sum of the squares of the other two sides minus the product of the two sides and the cosine of their angle. double.
  • the terminal can obtain the distance between the initial position corresponding to the current playback progress and the center point position of the message bubble based on the first coordinate of the center point position, the second coordinate of the progress adjustment position, and the third coordinate of the initial position. a first distance, a second distance between the progress adjustment position and the center point position, and a third distance between the progress adjustment position and the initial position.
  • the first coordinate is (cen[0], cen[1])
  • the second coordinate is (end[0], end[1])
  • the third coordinate is ( start[0], start[1])
  • the relative angle is the cosine angle that needs to be calculated, which is the angle difference between the first line connecting the initial position and the center point position, and the second line connecting the center point position and the progress adjustment position.
  • the terminal will determine the calculation formula of the relative angle based on the cosine theorem, and then substitute the first distance, the second distance and the third distance into the calculation formula of the relative angle to obtain the relative angle.
  • the first distance is a
  • the second distance is b
  • the third distance is c
  • the relative angle ⁇ is the angle between ab
  • the relative angle of the progress adjustment position relative to the initial position can be calculated based on the first distance, the second distance and the third distance.
  • obtaining the movement angle of the progress adjustment position relative to the initial position includes:
  • the relative angle is used as the movement angle of the progress adjustment position relative to the initial position.
  • the terminal when the quadrant where the progress adjustment position is located is the first quadrant or the fourth quadrant, the terminal will directly use the relative angle as the movement angle of the progress adjustment position relative to the initial position.
  • obtaining the movement angle of the progress adjustment position relative to the initial position includes:
  • the angle difference between the preconfigured angle and the relative angle is used as the movement angle of the progress adjustment position relative to the initial position.
  • the terminal when the quadrant where the progress adjustment position is located is the second quadrant or the third quadrant, the terminal will use the angle difference between the preconfigured angle and the relative angle as the movement angle of the progress adjustment position relative to the initial position.
  • the preconfigured angle is 2 ⁇ .
  • the voice message-based interaction method further includes:
  • the identity icon and the first tape reel are displayed, and the thickness of the first tape reel is positively related to the message duration of the voice message, and triggers to stop playing the voice information.
  • the playback interruption event refers to the event when the terminal plays the voice message, which can be triggered by operating the message bubble.
  • the operation on the message bubble may specifically refer to one of a click operation, a long press operation, and a double-click operation.
  • the terminal will monitor the playback interruption event of the voice message in real time.
  • the identity identification icon and the first tape will be displayed in response to the playback interruption event of the voice message.
  • reel, and the thickness of the first tape reel is positively related to the message duration of the voice message, and triggers to stop playing the voice message.
  • the thickness of the first tape reel is linearly positively related to the message duration of the voice message.
  • the identity icon and the first tape reel are displayed, and the thickness of the first tape reel is positively related to the message duration of the voice message. , can simulate the initial state of voice message playback, so that the voice interaction object can intuitively perceive that the voice message playback is interrupted and has returned to the initial state of voice message playback.
  • displaying the identification icon and the first tape reel, and the thickness of the first tape reel is positively related to the message duration of the voice message, and triggering to stop playing the voice message includes :
  • At least one of the identification icon or the first tape reel is displayed and rotates, and the thickness of the first tape reel gradually increases, and the thickness of the first tape reel increases to a degree equal to
  • the played progress of the voice message is positively related and triggers to stop playing the voice message;
  • the first tape reel When the first end of the first tape segment moves to the first tape reel, the first tape reel is displayed, and the thickness of the first tape reel is positively related to the message duration of the voice message.
  • the terminal in response to the playback interruption event of the voice message, the terminal will display an identification icon or at least one of the first tape reel to rotate, and the thickness of the first tape reel gradually increases, and the thickness of the first tape reel
  • the degree of increase is positively related to the playback progress of the voice message, that is, the longer the playback progress of the voice message, the thickness of the first tape reel increases, and triggers to stop playing the voice message
  • the terminal in response to the interruption end event of the voice message , the terminal will display that the first end of the first tape segment moves from the identification icon to the first tape reel. When the first end of the first tape reel moves to the first tape reel, the first tape reel will be displayed. And the thickness of the first tape reel is positively correlated with the message duration of the voice message.
  • the terminal will display the identification icon rotating, and the first tape reel will not rotate.
  • the rotation direction of the identity icon can be pre-configured according to the actual application scenario. For example, the rotation direction can be clockwise or counterclockwise.
  • the terminal will display the identity icon without rotating, and the first tape volume The disk rotates.
  • the rotation direction of the first tape reel can be pre-configured according to the actual application scenario. For example, the rotation direction can be clockwise or counterclockwise.
  • the terminal will display the identification icon and the first tape reel rotating at the same time.
  • the rotation directions of the identification icon and the first tape reel can be pre-configured according to the actual application scenario, and can be the same or different. .
  • the rotation mode may be that the identity logo icon rotates clockwise and the first tape reel rotates counterclockwise, or it may be that the identity logo icon rotates counterclockwise and the first tape reel rotates counterclockwise. The reel rotates clockwise.
  • the terminal in response to the playback interruption event of the voice message, the terminal will display the identity icon rotating, and the thickness of the first tape reel gradually increases, and the thickness of the first tape reel The degree of increase is positively related to the playback progress of the voice message.
  • the terminal In response to the interruption end event of the voice message, the terminal will display the first end of the first tape segment moving from the identification icon to the first tape reel. When the first tape The first end of the reel moves to the first tape reel to display the first tape reel, and the thickness of the first tape reel is positively related to the message duration of the voice message.
  • the thickness of the first tape reel gradually increases, and the degree of increase in the thickness of the first tape reel is consistent with the length of the voice message.
  • the playback progress is positively related.
  • the interrupt end event of the voice message it is displayed that the first end of the first tape segment moves from the identification icon to the first tape reel.
  • the first tape reel is displayed, and the thickness of the first tape reel is positively related to the message duration of the voice message, which can simulate the reverse playback of the first tape reel and gradually return to the initial state of the voice message playback, so that The voice interaction object can intuitively sense that the voice message playback is interrupted, and gradually returns to the initial state of the voice message playback.
  • the voice message-based interaction method of the present application is explained by applying it to a communication application, and the application of the method to a terminal is used as an example for explanation.
  • the terminal responds to the voice message recording event by displaying the identity icon and recording bubble, displaying the first end connection identity icon of the second tape segment, and displaying the second end of the second tape segment.
  • the end moves from the identification icon to the recording bubble and triggers the recording of a voice message.
  • the second tape reel is displayed at the recording bubble and triggers the recording of a voice message.
  • the voice message During the recording process, at least one of the second tape reel or the identification icon is displayed to rotate, and the thickness of the second tape reel gradually increases with the recording progress of the voice message, and is displayed during at least part of the recording process.
  • the terminal will add a voice recording icon covering part of the identity logo icon to the identity logo icon, display the voice recording icon, and cancel the display of the voice recording icon in response to the voice message recording end event.
  • the terminal will display a digital icon with changing numbers, and the numbers in the digital icon with changing numbers gradually increase as the recording progress of the voice message progresses. Further, as shown in Figure 27, during the recording process of the voice message, the terminal will add a voice recording icon covering part of the identity logo icon to the identity logo icon, display the voice recording icon, and cancel the display in response to the voice message recording end event. Voice recording icon.
  • the terminal responds to the voice message recording event, displays the identity icon and recording bubble (0′′ circular bubble in Figure 28), and adds an overlay identity icon on the identity icon.
  • a part of the voice recording icon displays the voice recording icon, displays the second end of the second tape segment moving from the identification icon to the recording bubble, and triggers the recording of a voice message.
  • the terminal will display a digital icon with changing numbers, and the numbers in the digital icons with changing numbers gradually increase as the recording progress of the voice message progresses (as shown in Figure 28, as the recording progress of the voice message progresses, the number icons with changing numbers are respectively 2′′, 16′′ and 60′′), the terminal displays that at least one of the second tape reel or the identification icon is rotating, and the thickness of the second tape reel gradually increases with the recording progress of the voice message (as shown in Figure 28 (shown as the recording progress is 2′′, 16′′ and 60′′, the thickness of the second tape reel gradually increases), and the connection identification icon and the second tape reel are displayed for at least part of the recording process.
  • the second tape segment (as shown in Figure 28, when the recording progress is 2′′ and 16′′, the second tape segment connecting the identification icon and the second tape reel will be displayed), in response to the voice message recording end event (as shown in Figure 28 Shown is that the message length of the voice message reaches the upper limit of message length 60"), the terminal will display that the first end of the second tape segment moves from the identification icon to the second tape reel.
  • the display of the second tape reel is cancelled, and the message bubble of the voice message is displayed (this part is not shown in Figure 28).
  • the terminal responds to the playback trigger event of the voice message, displays the first tape reel at the message bubble, displays that the second end of the first tape segment is connected to the first tape reel, and displays The first end of the first tape segment moves toward the ID icon, and triggers the playback of the voice message.
  • At least one of the first tape reel or the identification icon is displayed to rotate, and the thickness of the first tape reel gradually decreases as the voice message plays progresses, and Displaying a first tape segment connecting the identification icon and the first tape reel during at least a portion of the playback process, canceling the display of the first tape reel in response to a playback end event of the voice message, and canceling the display of the first tape reel Reel, display the second end of the first tape segment moving from the first tape reel to the identification icon until the second end of the first tape segment moves to the identification icon, cancel the display of the first tape segment, and resume displaying the message bubble.
  • the terminal Before the voice message starts playing, the terminal will display a digital icon corresponding to the message duration of the voice message in the message bubble of the voice message. During the playback of the voice message, a digital icon with changing numbers will be displayed, and the number will change. The numbers in the digital icon gradually decrease as the voice message plays. Further, as shown in Figure 29, during the playback of the voice message, the terminal will add a voice playback icon that covers part of the identity logo icon, display the voice playback icon, and cancel the playback event in response to the voice message end event. Display the voice playback icon.
  • the terminal displays the message bubble of the voice message and the corresponding avatar (i.e., the identity icon), and the message bubble displays a number icon corresponding to the message duration of the voice message (i.e., Figure 30 9" in).
  • the terminal responds to the playback trigger event of the voice message (click the message bubble to play), displays the first tape reel at the message bubble, displays the second end of the first tape segment and is connected to the first tape reel, Displays the first end of the first tape segment moving toward the avatar, and triggers the playback of the voice message.
  • the terminal will display a digital icon with changing numbers, and the numbers in the digital icon change as the voice message is played.
  • the progress gradually decreases (as shown in Figure 30, for a voice message originally with a length of 9", as the voice message progresses, the numbers in the digital icon gradually change to 8", 4" and 0".
  • the displayed digital icon The number inside is the remaining playback time).
  • the message bubble drives the avatar to rotate and simulates the tape rotation, that is, the first tape reel and the avatar are shown to rotate, and both rotate in the same direction, towards the release of the voice message.
  • the object rotates, and during the playback of the voice message, the displayed thickness of the first tape reel gradually decreases with the playback progress of the voice message, that is, the degaussing speed of the tape thickness is linearly related to the message duration of the voice message (from figure 30 It can be seen that the thickness of the first tape reel when the remaining playback time is 8′′ is greater than the thickness of the first tape reel when the remaining playback time is 4′′).
  • the terminal displays the connection avatar during at least part of the playback process. and the first tape segment of the first tape reel (as shown in Figure 30, when the remaining playback time is 4′′, the first tape segment connecting the avatar and the first tape reel will be displayed), in response to the playback end event of the voice message , the display of the first tape reel is cancelled.
  • the second end of the displayed first tape segment moves from the first tape reel toward the avatar, that is, the voice message ends and the tail of the tape disappears until The second end of the first tape segment moves to the avatar, the display of the first tape segment is cancelled, the display of the message bubble is resumed, and the initial stage of displaying the message bubble of the voice message and the corresponding avatar is returned.
  • playback trigger events include double-speed playback events.
  • the terminal can respond to the double-speed playback event of the voice message before the voice message is played and during playback, display the first tape reel in the message bubble, and call the double-speed playback event.
  • the callback function of the playback event modifies the voice playback speed attribute through the callback function, and plays the voice message at the playback speed corresponding to the modified voice playback speed attribute.
  • the double-speed playback event can be a 2x-speed playback event (indicated by 2x>> in Figure 31) and is triggered by a double-click.
  • the terminal responds to the 2x-speed playback event of the voice message.
  • the first tape reel is displayed in the message bubble, and the callback function of the 2x speed playback event is called.
  • the voice playback speed attribute is modified through the callback function, and the voice message is played according to the playback speed corresponding to the modified voice playback speed attribute.
  • the terminal will add a voice playback icon that covers part of the identity logo icon (i.e., the listening ear icon in Figure 31), display the voice playback icon, and cancel the display of the voice in response to the playback end event of the voice message. Play icon.
  • the playback triggering event includes a voice positioning event.
  • the terminal can respond to the voice positioning event of the voice message before the voice message is played and during playback.
  • the terminal will respond to the touch event for the message bubble and record the trigger duration of the touch point corresponding to the touch event. When the trigger duration reaches the duration threshold and the touch point is in a static state during the trigger duration, the voice will be triggered.
  • Voice location event for messages in response to the voice positioning event of the voice message, the terminal displays the first tape reel and the current playback progress in the message bubble. In response to the playback progress adjustment event of the voice message, the terminal displays the playback progress in the message bubble. The positioning playback progress indicated by the progress adjustment event triggers the voice message to be played starting from the positioning playback progress of the voice message.
  • the terminal will respond to the playback progress adjustment event of the voice message and record the movement trajectory of the touch point corresponding to the playback progress adjustment event.
  • the terminal In response to the progress adjustment end event of the voice message, the terminal will record the movement trajectory of the touch point corresponding to the progress adjustment event of the voice message.
  • the touch point is used as the progress adjustment position to obtain the first distance between the initial position corresponding to the current playback progress and the center point position of the message bubble, the second distance between the progress adjustment position and the center point position, and the distance between the progress adjustment position and the initial position.
  • the playback progress is determined. Adjust the positioning playback progress indicated by the event, and display the positioning playback progress indicated by the playback progress adjustment event in the message bubble.
  • the terminal When the quadrant where the progress adjustment position is located is the first quadrant or the fourth quadrant, the terminal will use the relative angle as the movement angle of the progress adjustment position relative to the initial position. When the quadrant where the progress adjustment position is located is the second quadrant or the third quadrant, the terminal will use the angle difference between the preconfigured angle and the relative angle as the movement angle of the progress adjustment position relative to the initial position.
  • the terminal when a playback interruption event of the voice message is detected, the terminal will respond to the playback interruption event of the voice message by displaying at least one of the identification icon or the rotation of the first tape reel, and The thickness of the first tape reel gradually increases, and the degree of increase in the thickness of the first tape reel is positively correlated with the playback progress of the voice message, and triggers the stop of playing the voice message.
  • the interruption end event of the voice message it is displayed
  • the first end of the first tape segment moves from the identification icon to the first tape reel.
  • the first tape reel is displayed, and the first tape reel is displayed.
  • the thickness of the disc is positively correlated with the message duration of the voice message.
  • the terminal triggers the playback of the voice message in response to the playback trigger event of the voice message (click the message bubble to play).
  • the playback of the voice message when the playback of the voice message is detected Interruption event (during playback, click the bubble again to interrupt), in response to the playback interruption event of the voice message, trigger the stop of playing the voice message, in response to the interruption end event of the voice message, display the first end of the first tape segment from the identity
  • the identification icon moves toward the first tape reel.
  • the first tape reel is displayed, and the thickness of the first tape reel is exactly the same as the message duration of the voice message. related (this part is not shown in Figure 32).
  • This application unifies the style and can only use numbers to indicate the voice length, without drawing bubbles of multiple lengths.
  • this application introduces tape effect simulation, and the effect simulation during listening is more in line with the intuitive perception of voice interaction objects.
  • recording voice interaction objects you can also intuitively perceive the recording of voice messages through the thickness of the tape and the state of the object.
  • this application simulates the recording and playback of voice messages by introducing the tape increase and decrease effects in real time and overlaying rendering at multiple levels, which is more in line with the intuitive perception of voice interaction objects and intuitively perceives playback or Where the recording goes.
  • embodiments of the present application also provide a voice message-based interaction device for implementing the above-mentioned voice message-based interaction method.
  • the implementation solution provided by this device to solve the problem is similar to the implementation solution recorded in the above method. Therefore, for the specific limitations in the one or more voice message-based interactive device embodiments provided below, please refer to the above description of the voice message-based interaction device. The limitations of the interaction method will not be repeated here.
  • an interactive device based on voice messages including: a voice message display module 3302, a tape reel display module 3304, a voice playback display module 3306 and a processing module 3308, wherein:
  • the voice message display module 3302 is used to display the message bubble of the voice message and the corresponding identity icon;
  • the tape reel display module 3304 is configured to respond to the playback trigger event of the voice message, display the first tape reel at the message bubble, display the second end of the first tape segment connected to the first tape reel, and display the first tape segment The first end moves towards the identity icon and triggers the playback of the voice message;
  • the voice playback display module 3306 is used to display that at least one of the first tape reel or the identity identification icon is rotating during the playback of the voice message, and the thickness of the first tape reel gradually decreases as the voice message plays. , and display the first tape segment connecting the identification icon and the first tape reel during at least part of the playback process;
  • the processing module 3308 is configured to cancel the display of the first tape reel in response to the playback end event of the voice message; as the display of the first tape reel is canceled, display the second end of the first tape segment from the first tape reel to The identification icon moves until the second end of the first tape segment moves to the identification icon, and the first tape segment is canceled.
  • the above-mentioned interactive device based on voice messages displays the message bubble of the voice message and the corresponding identity identification icon.
  • the first tape reel is displayed at the message bubble and the second tape segment of the first tape segment is displayed.
  • the end is connected to the first tape reel, and the first end of the first tape segment is displayed to move toward the identity icon, and triggers the playback of the voice message.
  • This can enrich the display form when the voice message starts to be played, so that the voice interaction object can intuitively perceive the voice.
  • the message starts to play.
  • the first tape reel is displayed through the first tape segment and rotates together with the identity identification icon, and the thickness of the first tape reel gradually decreases with the progress of the voice message playback.
  • the first tape reel is canceled and the first tape is displayed as the first tape reel is canceled.
  • the second end of the segment moves from the first tape reel to the identification icon, until the second end of the first tape segment moves to the identification icon, the first tape segment is cancelled, and the display of the first tape reel can be cancelled.
  • the voice message display module is also configured to display the identity icon and the second tape reel in response to the voice message recording event, and trigger the recording of the voice message.
  • the voice message display module displays the second tape reel. At least one of the disk or the identification icon is rotated, and the thickness of the second tape reel gradually increases as the recording progress of the voice message progresses, and the connection between the identification icon and the second tape reel is displayed during at least a part of the recording process.
  • the second tape segment in response to the voice message recording end event, cancels the display of the second tape reel and displays the message bubble of the voice message.
  • the voice message display module is also configured to display an identification icon and a recording bubble in response to a voice message recording event, display the first end connection identification icon of the second tape segment, and display the second end of the second tape segment. The end moves from the identification icon to the recording bubble and triggers recording of the voice message. When the second end of the second tape segment is connected to the recording bubble, the second tape reel is displayed at the recording bubble.
  • the voice message display module is further configured to display the first end of the second tape segment moving from the identification icon to the second tape reel in response to the voice message recording end event.
  • the terminal moves to the second tape reel, the second tape reel is cancelled, and the message bubble of the voice message is displayed.
  • the outer contour of the second tape reel is consistent with the outer contour of the recording bubble, a portion of the recording bubble is displayed inside the second tape reel, and a portion of the recording bubble is displayed Gradually decreases as the recording progresses.
  • the second tape reel and the recording bubble are both circular, and the center of the circle of the second tape reel is consistent with the center of the circle of the recording bubble; before the voice message starts recording, the second tape reel is covered by the recording bubble , and the second tape reel is in an invisible state; when the second end of the second tape segment is connected to the recording bubble, the radius of the recording bubble gradually decreases with the recording progress of the voice message, and the second tape reel is in a visible state .
  • the center of the second tape reel is consistent with the center of the recording bubble, and the outer contour of the second tape reel gradually expands toward the outer contour of the recording bubble as the recording progresses.
  • the voice message display module is also used to add a voice recording icon covering a part of the identity logo icon to the identity logo icon during the recording process of the voice message, display the voice recording icon, and respond to the voice message recording end event, Unshow the voice recording icon.
  • the voice message display module is also used to trigger a voice message recording end event when the recorded voice message reaches the upper limit of the message duration and the second tape reel completely covers the recording bubble.
  • the outer contour of the first tape reel is consistent with the outer contour of the message bubble, a part of the message bubble is displayed inside the first tape reel, and a part of the displayed message bubble It gradually increases as playback progresses.
  • the first tape reel and the message bubble are both circular, and the center of the first tape reel is consistent with the center of the message bubble; when the first tape reel is displayed at the message bubble, the radius of the message bubble Gradually decrease, and the degree of decrease in the radius of the message bubble is positively related to the message duration of the voice message; when the first end of the first tape segment is connected to the identity icon, the radius of the message bubble gradually increases as the voice message plays progress big.
  • the center of the first tape reel is consistent with the center of the message bubble, and the outer contour of the first tape reel gradually shrinks toward the center of the message bubble as the playback progresses.
  • the thickness of the first tape reel is linearly positively related to the message duration of the voice message.
  • the first tape reel when the message duration of the voice message is the upper limit of the message duration, when the voice message is triggered to be played, the first tape reel completely covers the message bubble.
  • the voice message display module is also used to add a voice play icon covering part of the identity logo icon to the identity logo icon during the playback of the voice message, display the voice play icon, and respond to the play end event of the voice message. , cancel the display of the voice playback icon.
  • the interactive device based on voice messages also includes a digital icon display module.
  • the digital icon display module is used to display a digital icon corresponding to the message duration of the voice message at the message bubble of the voice message.
  • the playback triggering event includes a double-speed playback event
  • the tape reel display module includes a double-speed playback unit.
  • the double-speed playback unit is configured to display the first tape reel at the message bubble in response to the double-speed playback event of the voice message.
  • the second end of the first tape segment is connected to the first tape reel, and the first end of the first tape segment is displayed to move toward the identification icon, and the voice message is played at a double speed corresponding to the double speed playback event.
  • the double-speed playback unit is also used to display the first tape reel at the message bubble in response to the double-speed playback event of the voice message during the playback of the voice message, and play the voice at the double-speed corresponding to the double-speed playback event. information.
  • the double-speed playback unit is also used to call the callback function of the double-speed playback event, modify the voice playback speed attribute through the callback function, and play the voice message according to the playback speed corresponding to the modified voice playback speed attribute.
  • the playback triggering event includes a voice positioning event
  • the tape reel display module includes a voice positioning unit.
  • the voice positioning unit is configured to display the first tape reel and the current tape at the message bubble in response to the voice positioning event of the voice message.
  • Playback progress in response to the playback progress adjustment event of the voice message, display the positioning playback progress indicated by the playback progress adjustment event at the message bubble, display the second end of the first tape segment connected to the first tape reel, and display the first tape segment The first end moves toward the identity icon, triggering the voice message to be played starting from the positioning playback progress of the voice message.
  • the voice positioning unit is also used to display the first tape reel and the current playback progress at the message bubble in response to the voice positioning event of the voice message during the playback of the voice message.
  • the playback progress adjustment event displays the positioning playback progress indicated by the playback progress adjustment event in the message bubble, triggering the voice message to be played starting from the positioning playback progress of the voice message.
  • the voice positioning unit is also used to respond to a touch event for a message bubble and record the trigger duration of the touch point corresponding to the touch event.
  • the trigger duration reaches the duration threshold and the touch point is in a static state within the trigger duration, Then trigger the voice positioning event of the voice message.
  • the voice positioning unit is also used to obtain the progress adjustment position in response to the playback progress adjustment event of the voice message, and obtain the progress based on the initial position corresponding to the current playback progress, the center point position of the message bubble, and the progress adjustment position. Adjust the movement angle of the position relative to the initial position, determine the positioning playback progress indicated by the playback progress adjustment event based on the movement angle and the message duration of the voice message, and display the positioning playback progress indicated by the playback progress adjustment event in the message bubble.
  • the voice positioning unit is also used to record the movement trajectory of the touch point corresponding to the playback progress adjustment event in response to the playback progress adjustment event of the voice message, and to move the touch point in response to the progress adjustment end event of the voice message.
  • the last touch point in the track is used as the progress adjustment position.
  • the voice positioning unit is also used to obtain the relative angle of the progress adjustment position relative to the initial position based on the initial position corresponding to the current playback progress, the center point position of the message bubble, and the progress adjustment position, and compare the relative angle of the center point position.
  • the first coordinate and the second coordinate of the progress adjustment position determine the quadrant where the progress adjustment position is located.
  • the quadrant is centered on the center point position. According to the quadrant and relative angle of the progress adjustment position, the movement angle of the progress adjustment position relative to the initial position is obtained.
  • the voice positioning unit is also used to obtain the first distance between the initial position corresponding to the current playback progress and the center point position of the message bubble, the second distance between the progress adjustment position and the center point position, and the progress adjustment A third distance between the position and the initial position, based on the first distance, the second distance and the third distance, obtains a relative angle of the progress adjustment position relative to the initial position.
  • the voice positioning unit is also used to use the relative angle as the movement angle of the progress adjustment position relative to the initial position when the quadrant where the progress adjustment position is located is the first quadrant or the fourth quadrant.
  • the voice positioning unit is also used to use the angle difference between the preconfigured angle and the relative angle as the movement angle of the progress adjustment position relative to the initial position when the quadrant where the progress adjustment position is located is the second quadrant or the third quadrant. .
  • the interactive device based on voice messages also includes a playback interruption processing module.
  • the playback interruption processing module is configured to display the identity icon and the first tape in response to the playback interruption event of the voice message during the playback of the voice message. reel, and the thickness of the first tape reel is positively related to the message duration of the voice message, and triggers stop playback Voice messages.
  • the playback interruption processing module is further configured to, in response to the playback interruption event of the voice message, display the identity identification icon or at least one of the first tape reel to rotate, and the thickness of the first tape reel gradually increases, And the degree of increase in the thickness of the first tape reel is positively related to the playback progress of the voice message, and triggers the stop of playing the voice message.
  • the first end of the first tape segment is displayed from the identity identifier.
  • the icon moves toward the first tape reel.
  • the first tape reel is displayed, and the thickness of the first tape reel is positively related to the message duration of the voice message.
  • Each module in the above voice message-based interaction device can be implemented in whole or in part by software, hardware, and combinations thereof.
  • Each of the above modules may be embedded in or independent of the processor of the computer device in the form of hardware, or may be stored in the memory of the computer device in the form of software, so that the processor can call and execute the operations corresponding to the above modules.
  • a computer device is provided.
  • the computer device may be a terminal, and its internal structure diagram may be as shown in Figure 34.
  • the computer device includes a processor, memory, input/output interface, communication interface, display unit and input device.
  • the processor, memory and input/output interface are connected through the system bus, and the communication interface, display unit and input device are connected to the system bus through the input/output interface.
  • the processor of the computer device is used to provide computing and control capabilities.
  • the memory of the computer device includes non-volatile storage media and internal memory.
  • the non-volatile storage medium stores an operating system and computer-readable instructions. This internal memory provides an environment for the execution of an operating system and computer-readable instructions in a non-volatile storage medium.
  • the input/output interface of the computer device is used to exchange information between the processor and external devices.
  • the communication interface of the computer device is used for wired or wireless communication with external terminals.
  • the wireless mode can be implemented through WIFI, mobile cellular network, NFC (Near Field Communication) or other technologies.
  • the computer readable instructions are executed by the processor to implement an interaction method based on voice messages.
  • the display unit of the computer device is used to form a visually visible picture and can be a display screen, a projection device or a virtual reality imaging device.
  • the display screen can be a liquid crystal display screen or an electronic ink display screen.
  • the input device of the computer device can be a display screen.
  • the touch layer covered above can also be buttons, trackballs or touch pads provided on the computer equipment shell, or it can also be an external keyboard, touch pad or mouse, etc.
  • Figure 34 is only a block diagram of a partial structure related to the solution of the present application, and does not constitute a limitation on the computer equipment to which the solution of the present application is applied.
  • Specific computer equipment can May include more or fewer parts than shown, or combine certain parts, or have a different arrangement of parts.
  • a computer device including a memory and a processor.
  • Computer-readable instructions are stored in the memory.
  • the processor executes the computer-readable instructions, the steps in the above method embodiments are implemented.
  • a computer-readable storage medium on which computer-readable instructions are stored.
  • the steps in the above method embodiments are implemented.
  • a computer program product including computer readable instructions, which when executed by a processor implement the steps in each of the above method embodiments.
  • the computer readable instructions can be stored in a non-volatile computer.
  • the computer-readable instructions when executed, may include the processes of the above method embodiments.
  • Any reference to memory, database or other media used in the embodiments provided in this application may include at least one of non-volatile and volatile memory.
  • Non-volatile memory can include read-only memory (ROM), magnetic tape, floppy disk, flash memory, optical memory, high-density embedded non-volatile memory, resistive memory (ReRAM), magnetic variable memory (Magnetoresistive Random Access Memory (MRAM), ferroelectric memory (Ferroelectric Random Access Memory, FRAM), phase change memory (Phase Change Memory, PCM), graphene memory, etc.
  • Volatile memory may include random access memory (Random Access Memory, RAM) or external cache memory, etc.
  • RAM Random Access Memory
  • RAM random access memory
  • RAM Random Access Memory
  • the databases involved in the various embodiments provided in this application may include at least one of a relational database and a non-relational database.
  • Non-relational databases may include blockchain-based distributed databases, etc., but are not limited thereto.
  • the processors involved in the various embodiments provided in this application may be general-purpose processors, central processing units, graphics processors, digital signal processors, programmable logic devices, quantum computing-based data processing logic devices, etc., and are not limited to this.

Landscapes

  • Engineering & Computer Science (AREA)
  • Signal Processing (AREA)
  • Software Systems (AREA)
  • Computer Networks & Wireless Communication (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Multimedia (AREA)
  • Telephone Function (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本申请涉及一种基于语音消息的交互方法、装置、计算机设备、存储介质和计算机程序产品。所述方法包括:显示语音消息的消息气泡和相应的身份标识图标(202);响应于语音消息的播放触发事件,在消息气泡处显示第一磁带卷盘,显示第一磁带段的第二端连接第一磁带卷盘,显示第一磁带段的第一端向身份标识图标移动,并触发播放语音消息(204);在语音消息的播放过程中,显示第一磁带卷盘或身份标识图标中至少一者转动,且第一磁带卷盘的厚度随着语音消息的播放进度逐渐减小,且在播放过程的至少一部分时段内显示连接身份标识图标和第一磁带卷盘的第一磁带段(206);响应于语音消息的播放结束事件,取消显示第一磁带卷盘;随着取消显示第一磁带卷盘,显示第一磁带段的第二端从第一磁带卷盘处向身份标识图标移动,直到第一磁带段的第二端移动到身份标识图标处,取消显示第一磁带段(208)。

Description

基于语音消息的交互方法、装置、计算机设备和存储介质
相关申请
本申请要求2022年09月02日申请的,申请号为2022110707367,名称为“基于语音消息的交互方法、装置、计算机设备和存储介质”的中国专利申请的优先权,在此将其全文引入作为参考。
技术领域
本申请涉及计算机技术领域,特别是涉及一种基于语音消息的交互方法、装置、计算机设备、存储介质和计算机程序产品。
背景技术
随着计算机技术的发展,即时通信应用种类越来越多,功能也趋于多样化。即时通信应用在客户端上运行时带有通过语音发送消息的功能。
传统技术中,当语音交互对象收到一条语音消息时,在即时通信应用中会显示语音消息的消息图标,语音交互对象可以使用手指触摸消息图标进行收听,若在播放过程中再点击一次消息图标则停止播放语音消息,若再次点击消息图标,语音消息会从头开始播放。
然而,传统方法,在语音交互对象收听语音消息的过程中,语音交互对象只能预估播放进度,会出现重复收听语音消息的情况,导致资源的持续占用,存在资源利用率低的问题。
发明内容
根据本申请提供的各种实施例,提供一种基于语音消息的交互方法、装置、计算机设备、计算机可读存储介质和计算机程序产品。
第一方面,本申请提供了一种基于语音消息的交互方法,由计算机设备执行,包括:
显示语音消息的消息气泡和相应的身份标识图标;
响应于语音消息的播放触发事件,在消息气泡处显示第一磁带卷盘,显示第一磁带段的第二端连接第一磁带卷盘,显示第一磁带段的第一端向身份标识图标移动,并触发播放语音消息;
在语音消息的播放过程中,显示第一磁带卷盘或身份标识图标中至少一者转动,且第一磁带卷盘的厚度随着语音消息的播放进度逐渐减小,且在播放过程的至少一部分时段内显示连接身份标识图标和第一磁带卷盘的第一磁带段;及
响应于语音消息的播放结束事件,取消显示第一磁带卷盘;随着取消显示第一磁带卷盘,显示第一磁带段的第二端从第一磁带卷盘处向身份标识图标移动,直到第一磁带段的第二端移动到身份标识图标处,取消显示第一磁带段。
第二方面,本申请还提供了一种基于语音消息的交互装置。所述装置包括:
语音消息显示模块,用于显示语音消息的消息气泡和相应的身份标识图标;
磁带卷盘显示模块,用于响应于语音消息的播放触发事件,在消息气泡处显示第一磁带卷盘,显示第一磁带段的第二端连接第一磁带卷盘,显示第一磁带段的第一端向身份标识图标移动,并触发播放语音消息;
语音播放显示模块,用于在语音消息的播放过程中,显示第一磁带卷盘或身份标识图标中至少一者转动,且第一磁带卷盘的厚度随着语音消息的播放进度逐渐减小,且在播放过程的至少一部分时段内显示连接身份标识图标和第一磁带卷盘的第一磁带段;及
处理模块,用于响应于语音消息的播放结束事件,取消显示第一磁带卷盘;随着取消显示第一磁带卷盘,显示第一磁带段的第二端从第一磁带卷盘处向身份标识图标移动,直到第一磁带段的第二端移动到身份标识图标处,取消显示第一磁带段。
第三方面,本申请还提供了一种计算机设备。所述计算机设备包括存储器和处理器,所述存储器存储有计算机可读指令,所述处理器执行所述计算机可读指令时实现上述基于语音消息的交互方法的步骤。
第四方面,本申请还提供了一种计算机可读存储介质。所述计算机可读存储介质,其上存储有计算机可读指令,所述计算机可读指令被处理器执行时实现上述基于语音消息的交互方法的步骤。
第五方面,本申请还提供了一种计算机程序产品。所述计算机程序产品,包括计算机可读指令,该计算机可读指令被处理器执行时实现上述基于语音消息的交互方法的步骤。
本申请的一个或多个实施例的细节在下面的附图和描述中提出。本申请的其它特征、目的和优点将从说明书、附图以及权利要求书变得明显。
附图说明
为了更清楚地说明本申请实施例或传统技术中的技术方案,下面将对实施例或传统技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据公开的附图获得其他的附图。
图1为一个实施例中基于语音消息的交互方法的应用环境图;
图2为一个实施例中基于语音消息的交互方法的流程示意图;
图3为一个实施例中显示语音消息的消息气泡和相应的身份标识图标的示意图;
图4为另一个实施例中显示语音消息的消息气泡和相应的身份标识图标的示意图;
图5为一个实施例中响应播放触发事件的示意图;
图6为一个实施例中身份标识图标转动的示意图;
图7为一个实施例中第一磁带卷盘转动的示意图;
图8为一个实施例中语音消息的播放过程的示意图;
图9为另一个实施例中语音消息的播放过程的示意图;
图10为一个实施例中响应播放结束事件的示意图;
图11为一个实施例中响应语音消息录制事件的示意图;
图12为另一个实施例中响应语音消息录制事件的示意图;
图13为一个实施例中录制气泡随着录制进度逐渐减小的示意图;
图14为一个实施例中语音消息录制的示意图;
图15为一个实施例中第二磁带卷盘的外轮廓随着录制进度逐渐朝向录制气泡的外轮廓扩大的示意图;
图16为一个实施例中显示和取消显示语音录制图标的示意图;
图17为一个实施例中消息气泡的一部分随着播放进度逐渐增大的示意图;
图18为一个实施例中语音消息播放的示意图;
图19为一个实施例中第一磁带卷盘的外轮廓随着播放进度逐渐朝消息气泡的中心缩小的示意图;
图20为一个实施例中显示和取消显示语音播放图标的示意图;
图21为一个实施例中显示数字变化的数字图标的示意图;
图22为一个实施例中响应语音定位事件的示意图;
图23为一个实施例中获得进度调整位置、初始位置以及中心点位置的示意图;
图24为一个实施例中确定进度调整位置所在象限的示意图;
图25为一个实施例中获得相对角度的示意图;
图26为一个实施例中响应播放中断事件的示意图;
图27为一个实施例中语音消息录制阶段的示意图;
图28为另一个实施例中语音消息录制阶段的示意图;
图29为一个实施例中语音消息播放阶段的示意图;
图30为另一个实施例中语音消息播放阶段的示意图;
图31为一个实施例中响应2倍速播放事件的示意图;
图32为另一个实施例中响应播放中断事件的示意图;
图33为一个实施例中基于语音消息的交互装置的结构框图;
图34为一个实施例中计算机设备的内部结构图。
具体实施方式
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
本申请实施例提供的基于语音消息的交互方法,可以应用于如图1所示的应用环境中。其中,终端102上安装有用于实现基于语音消息的交互的客户端,该客户端可以是即时通信应用程序,也可以是网页客户端,还可以是在母应用的运行环境中运行的子应用。终端102显示语音消息的消息气泡104和相应的身份标识图标106,响应于语音消息的播放触发事件,在消息气泡104处显示第一磁带卷盘108,显示第一磁带段110的第二端连接第一磁带卷盘108,显示第一磁带段110的第一端向身份标识图标106移动,并触发播放语 音消息,在语音消息的播放过程中,显示第一磁带卷盘108或身份标识图标106中至少一者转动(图1示意为身份标识图标转动),且第一磁带卷盘108的厚度随着语音消息的播放进度逐渐减小,且在播放过程的至少一部分时段内显示连接身份标识图标106和第一磁带卷盘108的第一磁带段110,响应于语音消息的播放结束事件,取消显示第一磁带卷盘108,随着取消显示第一磁带卷盘108,显示第一磁带段110的第二端从第一磁带卷盘108处向身份标识图标106移动,直到第一磁带段110的第二端移动到身份标识图标106处,取消显示第一磁带段110。其中,终端102可以但不限于是各种台式计算机、笔记本电脑、智能手机、平板电脑、物联网设备和便携式可穿戴设备,物联网设备可为智能音箱、智能电视、智能空调、智能车载设备等。便携式可穿戴设备可为智能手表、智能手环、头戴设备等。
在一个实施例中,如图2所示,提供了一种基于语音消息的交互方法,以该方法应用于图1中的终端102为例进行说明,包括以下步骤:
步骤202,显示语音消息的消息气泡和相应的身份标识图标。
其中,消息气泡用于呈现语音消息,是语音消息展示特效,在语音消息录制结束后显示。消息气泡包括气泡颜色和气泡形状。气泡颜色可按照实际应用场景进行配置,本实施例中,不对气泡颜色做具体限定,比如,气泡颜色可以为白色,也可以为绿色。进一步的,使用终端的对象也可以按照自己的喜好预配置气泡颜色。气泡形状可按照实际应用场景进行配置,本实施例中,不对气泡形状做具体限定。比如,气泡形状具体可以为圆形,也可以为长方形,还可以为正方形。进一步的,使用终端的对象也可以按照自己的喜好预配置气泡形状。身份标识图标是指语音消息的发布对象的图标。比如,身份标识图标具体可以是指语音消息的发布对象的头像,发布对象的头像可以由发布对象按照自己的喜好自行预配置。
具体的,在语音交互对象交互的过程中,终端会显示语音消息的消息气泡和相应的身份标识图标。在具体的应用中,在语音交互对象交互的过程中,当要显示语音消息,终端会获取预配置的气泡颜色和气泡形状,按照气泡颜色和气泡形状,显示语音消息的消息气泡,并显示语音消息相应的身份标识图标。
在具体的应用中,针对于语音交互对象中的语音消息的发布对象和接收对象,其使用的终端所显示的语音消息的消息气泡和相应的身份标识图标的相对位置可以不相同。在一个具体的应用中,如图3所示,针对于语音交互对象中的语音消息的接收对象,其使用的终端所显示的语音消息的消息气泡位于相应的身份标识图标右侧,且消息气泡的中心与身份标识图标的中心处于同一水平线上。在一个具体的应用中,如图4所示,针对于语音交互对象中的语音消息的发布对象,其使用的终端所显示的语音消息的消息气泡位于相应的身份标识图标左侧,且消息气泡的中心与身份标识图标的中心处于同一水平线上。
步骤204,响应于语音消息的播放触发事件,在消息气泡处显示第一磁带卷盘,显示第一磁带段的第二端连接第一磁带卷盘,显示第一磁带段的第一端向身份标识图标移动,并触发播放语音消息。
其中,播放触发事件是指触发播放语音消息的事件。比如,播放触发事件具体可以是指针对消息气泡的选中操作。举例说明,针对消息气泡的选中操作具体可以是指点击操作、长按操作、双击操作中的一种。又比如,播放触发事件具体可以是指至少两条语音消息可连续播放时,与语音消息相应的上一语音消息已播放结束。第一磁带卷盘是指表征语音消息播放的磁带卷盘形态的虚拟动画,磁带卷盘形态是指与物理的磁带卷盘相似的磁带缠绕卷盘的形态,即磁带缠绕卷盘形成磁带卷盘。
具体的,终端会实时监测语音消息的播放触发事件,在监测到语音消息的播放触发事件时,响应于语音消息的播放触发事件,在消息气泡处显示第一磁带卷盘,显示第一磁带段的第二端连接第一磁带卷盘,显示第一磁带段的第一端向身份标识图标移动,并触发播放语音消息。在具体的应用中,在语音消息的播放过程中,第一磁带段的第一端会随着播放进度持续向身份标识图标移动,当第一磁带段的第一端移动到身份标识图标处,显示连接身份标识图标和第一磁带卷盘的第一磁带段。
在一个具体的应用中,终端响应于语音消息的播放触发事件,会在消息气泡处显示第一磁带卷盘,显示第一磁带段的第二端连接第一磁带卷盘,显示第一磁带段的第一端向身份标识图标移动,并触发播放语音消息,在语音消息的播放过程中,第一磁带段的第一端会随着播放进度持续向身份标识图标移动,当第一磁带段的第一端移动到身份标识图标处, 显示连接身份标识图标和第一磁带卷盘的第一磁带段。
在一个具体的应用中,如图5所示,终端显示语音消息的消息气泡和相应的身份标识图标,响应于语音消息的播放触发事件,在消息气泡处显示表征语音消息播放的第一磁带卷盘。
步骤206,在语音消息的播放过程中,显示第一磁带卷盘或身份标识图标中至少一者转动,且第一磁带卷盘的厚度随着语音消息的播放进度逐渐减小,且在播放过程的至少一部分时段内显示连接身份标识图标和第一磁带卷盘的第一磁带段。
其中,第一磁带卷盘的厚度是指卷盘上所缠绕的磁带的厚度,与语音消息的消息时长相关,消息时长越长,厚度越厚。第一磁带卷盘的厚度随着语音消息的播放进度逐渐减小是指第一磁带卷盘的厚度随着语音消息的播放进度变化,随着播放进度的增加,第一磁带卷盘的厚度逐渐减小,即随着播放进度的增加,第一磁带卷盘的卷盘上所缠绕的磁带逐渐减少。第一磁带段是指在语音消息的播放过程中,用于连接身份标识图标和第一磁带卷盘的磁带段。第一磁带段包括第一端和第二端,第一磁带段的第一端用于连接身份标识图标,第一磁带段的第二端用于连接第一磁带卷盘。
具体的,在语音消息的播放过程中,终端会显示第一磁带卷盘或身份标识图标中至少一者转动,且第一磁带卷盘的厚度随着语音消息的播放进度逐渐减小,且在播放过程的至少一部分时间段内显示连接身份标识图标和第一磁带卷盘的第一磁带段。
在具体的应用中,终端会显示身份标识图标转动,且第一磁带卷盘不转动。身份标识图标的转动方向可按照实际应用场景进行预配置,举例说明,转动方向可以为顺时针方向,也可以为逆时针方向。在一个具体的应用中,如图6所示,在语音消息的播放过程中,终端会显示身份标识图标顺时针方向转动,且第一磁带卷盘不转动,且第一磁带卷盘的厚度随着语音消息的播放进度逐渐减小,且在播放过程的至少一部分时间段内显示连接身份标识图标和第一磁带卷盘的第一磁带段。
在具体的应用中,终端会显示身份标识图标不转动,且第一磁带卷盘转动。第一磁带卷盘的转动方向可按照实际应用场景进行预配置,举例说明,转动方向可以为顺时针方向,也可以为逆时针方向。在一个具体的应用中,如图7所示,在语音消息的播放过程中,终端会显示第一磁带卷盘顺时针方向转动,且身份标识图标不转动,且第一磁带卷盘的厚度随着语音消息的播放进度逐渐减小,且在播放过程的至少一部分时间段内显示连接身份标识图标和第一磁带卷盘的第一磁带段。
在具体的应用中,终端会显示身份标识图标和第一磁带卷盘同时转动,身份标识图标和第一磁带卷盘的转动方向均可按照实际应用场景进行预配置,可以相同,也可以不相同。举例说明,在身份标识图标和第一磁带卷盘同时转动时,转动方式可以为身份标识图标顺时针转动且第一磁带卷盘逆时针转动,也可以为身份标识图标逆时针转动且第一磁带卷盘顺时针转动。
在具体的应用中,在播放过程的至少一部分时段内显示连接身份标识图标和第一磁带卷盘的第一磁带段是指在播放过程中,当第一磁带段的第一端移动到身份标识图标处,且第一磁带段的第二端与第一磁带卷盘连接,显示连接身份标识图标和第一磁带卷盘的第一磁带段,当第一磁带段的第二端从第一磁带卷盘处向身份标识图标移动,不再显示连接身份标识图标和第一磁带卷盘的第一磁带段。
在一个具体的应用中,如图8所示,在语音消息的播放过程中,终端会先显示第一磁带段的第二端与第一磁带卷盘连接,且第一磁带段的第一端向身份标识图标移动,当第一磁带段的第一端移动到身份标识图标处,终端显示连接身份标识图标和第一磁带卷盘的第一磁带段,此时第一磁带段的第二端与第一磁带卷盘连接,第一磁带段的第一端与身份标识图标连接。
步骤208,响应于语音消息的播放结束事件,取消显示第一磁带卷盘;随着取消显示第一磁带卷盘,显示第一磁带段的第二端从第一磁带卷盘处向身份标识图标移动,直到第一磁带段的第二端移动到身份标识图标处,取消显示第一磁带段。
其中,播放结束事件是指语音消息已经播放结束。比如,播放结束事件具体可以是指语音消息已经播放完。
具体的,在语音消息的播放过程中,第一磁带卷盘的厚度是随着语音消息的播放进度逐渐减小的,随着语音消息的播放进度,第一磁带卷盘的厚度会越来越薄,在语音消息播放结束时,表示语音消息的播放进度为100%,第一磁带卷盘的厚度也会变为0,终端响应 于语音消息的播放结束事件,会取消显示第一磁带卷盘。
在一个具体的应用中,如图9所示,在语音消息的播放过程中,随着语音消息的播放进度,第一磁带卷盘的厚度会越来越薄,在语音消息播放结束时,第一磁带卷盘的厚度变为0,取消显示第一磁带卷盘,此时会回到响应于语音消息的播放触发事件之前的状态,终端会显示语音消息的消息气泡和相应的身份标识图标。
具体的,终端会响应于语音消息的播放结束事件,随着取消显示第一磁带卷盘,显示第一磁带卷盘的第二端从第一磁带卷盘处向身份标识图标移动,直到第一磁带段的第二端移动到身份标识图标处,取消显示第一磁带段。在具体的应用中,如图10所示,在响应于语音消息的播放结束事件之前,终端显示的是连接身份标识图标和第一磁带卷盘的第一磁带段,当监测到语音消息的播放结束事件,终端会响应于语音消息的播放结束事件,随着取消显示第一磁带卷盘,显示第一磁带段的第二端从第一磁带卷盘处向身份标识图标移动,直到第一磁带段的第二端移动到身份标识图标处,取消显示第一磁带段。
上述基于语音消息的交互方法,显示语音消息的消息气泡和相应的身份标识图标,响应于语音消息的播放触发事件,在消息气泡处显示第一磁带卷盘,显示第一磁带段的第二端连接第一磁带卷盘,显示第一磁带段的第一端向身份标识图标移动,并触发播放语音消息,能够丰富语音消息开始播放时的显示形式,使得语音交互对象可以直观地感知到语音消息开始播放,在语音消息的播放过程中,通过第一磁带段显示第一磁带卷盘随着身份标识图标一起转动,并通过第一磁带卷盘的厚度随着语音消息的播放进度逐渐减小,能够利用磁带卷盘转动过程中的厚度变化实现模拟语音消息的播放进度变化,使得语音交互对象可以直观地感知到播放进度,不需要重复收听语音消息,从而能够减少重复收听语音消息的次数,避免资源的持续占用,能够提高资源利用率,响应于语音消息的播放结束事件,取消显示第一磁带卷盘,随着取消显示第一磁带卷盘,显示第一磁带段的第二端从第一磁带卷盘处向身份标识图标移动,直到第一磁带段的第二端移动到身份标识图标处,取消显示第一磁带段,能够随着取消显示第一磁带卷盘,利用第一磁带段的第二端的移动实现模拟语音消息的播放结束的状态,使得语音交互对象可以直观地感知到语音消息播放结束。
在一个实施例中,显示语音消息的消息气泡和相应的身份标识图标包括:
响应于语音消息录制事件,显示身份标识图标以及第二磁带卷盘,并触发录制语音消息;
在语音消息的录制过程中,显示第二磁带卷盘或身份标识图标中至少一者转动,且第二磁带卷盘的厚度随着语音消息的录制进度逐渐增大,且在录制过程的至少一部分时段内显示连接身份标识图标和第二磁带卷盘的第二磁带段;
响应于语音消息录制结束事件,取消显示第二磁带卷盘,显示语音消息的消息气泡。
其中,语音消息录制事件是指触发录制语音消息的事件。比如,语音消息录制事件具体可以是指对录制控件的选中操作。举例说明,对录制控件的选中操作具体可以是指点击操作、长按操作、双击操作中的一种。
其中,第二磁带卷盘是指表征语音消息录制的磁带卷盘形态的虚拟动画,磁带卷盘形态是指与物理的磁带卷盘相似的磁带缠绕卷盘的形态,即磁带缠绕卷盘形成磁带卷盘。第二磁带卷盘的厚度是指卷盘上所缠绕的磁带的厚度,与语音消息的消息时长相关,消息时长越长,厚度越厚。第二磁带卷盘的厚度随着语音消息的录制进度逐渐增大是指第二磁带卷盘的厚度随着语音消息的录制进度变化,随着录制进度的增加,第二磁带卷盘的厚度逐渐增大,即随着录制进度的增加,第二磁带卷盘的卷盘上所缠绕的磁带逐渐增多。
其中,第二磁带段是指在语音消息的录制过程中,用于连接身份标识图标和第二磁带卷盘的磁带段。第二磁带段包括第一端和第二端,第二磁带段的第一端用于连接身份标识图标,第二磁带段的第二端用于连接第一磁带卷盘。
具体的,终端实时监测语音消息录制事件,在监测到语音消息录制事件时,响应于语音消息录制事件,显示身份标识图标以及第二磁带卷盘,并触发录制语音消息,在语音消息的录制过程中,终端会显示第二磁带卷盘或身份标识图标中至少一者转动,且第二磁带卷盘的厚度随着语音消息的录制进度逐渐增大,且在录制过程的至少一部分时段内显示连接身份标识图标和第二磁带卷盘的第二磁带段。在语音消息的录制过程中,终端会实时监测语音消息录制结束事件,在监测到语音消息录制结束事件时,响应于语音消息录制结束事件,取消显示第二磁带卷盘,显示语音消息的消息气泡。
在具体的应用中,在语音消息的录制过程中,终端会显示身份标识图标转动,且第二 磁带卷盘不转动。身份标识图标的转动方向可按照实际应用场景进行配置。举例说明,转动方向可以为顺时针方向,也可以为逆时针方向。在具体的应用中,在语音消息的录制过程中,终端会显示身份标识图标不转动,且第二磁带卷盘转动。第二磁带卷盘的转动方向可按照实际应用场景进行预配置,举例说明,转动方向可以为顺时针方向,也可以为逆时针方向。在具体的应用中,终端会显示身份标识图标和第二磁带卷盘同时转动,身份标识图标和第二磁带卷盘的转动方向均可按照实际应用场景进行预配置,可以相同,也可以不相同。举例说明,在身份标识图标和第二磁带卷盘同时转动时,转动方式可以为身份标识图标顺时针转动且第二磁带卷盘逆时针转动,也可以为身份标识图标逆时针转动且第二磁带卷盘顺时针转动。
在具体的应用中,在录制过程的至少一部分时段内显示连接身份标识图标和第二磁带卷盘的第二磁带段是指在录制过程中,当第二磁带段的第二端移动到第二磁带卷盘处,且第二磁带段的第一端与身份标识图标连接,显示连接身份标识图标和第二磁带卷盘的第二磁带段,当第二磁带段的第一端从身份标识图标处向第二磁带卷盘移动,不再显示连接身份标识图标和第二磁带卷盘的第二磁带段。
本实施例中,响应于语音录制事件,显示身份标识图标以及第二磁带卷盘,并触发录制语音消息,能够丰富语音消息录制的形式,在语音消息的录制过程中,通过第二磁带段显示第二磁带卷盘随着身份标识图标一起转动,并通过第二磁带卷盘的厚度随着语音消息的录制进度逐增大,能够显示语音消息的录制方,利用磁带卷盘转动过程中的厚度变化实现模拟语音消息的录制进度变化,使得语音交互对象可以直观地感知到录制进度,通过响应于语音消息录制结束事件,取消显示第二磁带卷盘,能够完成语音消息录制,从而显示语音消息的消息气泡。
在一个实施例中,响应于语音消息录制事件,显示身份标识图标以及第二磁带卷盘,并触发录制语音消息包括:
响应于语音消息录制事件,显示身份标识图标和录制气泡,显示第二磁带段的第一端连接身份标识图标,显示第二磁带段的第二端从身份标识图标向录制气泡移动,并触发录制语音消息;
当第二磁带段的第二端与录制气泡连接,在录制气泡处显示第二磁带卷盘。
其中,录制气泡用于表征语音消息录制开始,是语音消息录制开始展示特效,在语音消息录制开始时显示。录制气泡包括气泡颜色和气泡形状。气泡颜色可按照实际应用场景进行配置,本实施例中,不对气泡颜色做具体限定,比如,气泡颜色可以为白色,也可以为绿色。进一步的,使用终端的对象也可以按照自己的喜好预配置气泡颜色。气泡形状可按照实际应用场景进行配置,本实施例中,不对气泡形状做具体限定。比如,气泡形状具体可以为圆形,也可以为长方形,还可以为正方形。进一步的,使用终端的对象也可以按照自己的喜好预配置气泡形状。
具体的,终端会响应于语音消息录制事件,显示身份标识图标和录制气泡,显示第二磁带段的第一端连接身份标识图标,显示第二磁带段的第二端从身份标识图标向录制气泡移动,并触发录制语音消息,在语音消息开始录制后,第二磁带段的第二端会持续向录制气泡移动,当第二磁带段的第二端与录制气泡连接,终端会在录制气泡处显示第二磁带卷盘。
在一个具体的应用中,如图11所示,终端响应于语音消息录制事件,显示身份标识图标和录制气泡,显示第二磁带段的第一端连接身份标识图标,显示第二磁带段的第二端从身份标识图标向录制气泡移动,并触发录制语音消息,在语音消息开始录制后,第二磁带段的第二端会持续向录制气泡移动,当第二磁带段的第二端与录制气泡连接,终端会在录制气泡处显示第二磁带卷盘。
本实施例中,响应于语音消息录制事件,显示身份标识图标和录制气泡,显示第二磁带段的第一端连接身份标识图标,显示第二磁带段的第二端从身份标识图标向录制气泡移动,并触发录制语音消息,能够丰富语音消息开始录制时的显示形式,当第二磁带段的第二端与录制气泡连接,在录制气泡处显示第二磁带卷盘,能够利用第二磁带段的第二端的移动实现模拟语音消息的开始录制的状态,使得语音交互对象可以直观地感知到语音消息开始录制。
在一个实施例中,响应于语音消息录制结束事件,取消显示第二磁带卷盘,显示语音消息的消息气泡包括:
响应于语音消息录制结束事件,显示第二磁带段的第一端从身份标识图标向第二磁带卷盘移动;
当第二磁带段的第一端移动到第二磁带卷盘处,取消显示第二磁带卷盘,显示语音消息的消息气泡。
其中,语音消息录制结束事件是指触发结束录制语音消息的事件。比如,语音消息录制结束事件具体可以通过对录制控件进行操作来实现。举例说明,语音消息录制结束事件具体可以是指停止触摸录制控件。又举例说明,语音消息录制结束事件具体可以是指对录制控件的再次选中操作。进一步的,对录制控件的再次选中操作具体可以是指点击操作、长按操作、双击操作中的一种。
具体的,终端会响应于语音消息录制结束事件,显示第二磁带段的第一端从身份标识图标向第二磁带卷盘移动,当第二磁带段的第一端移动到第二磁带卷盘处,取消显示第二磁带卷盘,显示语音消息的消息气泡。在具体的应用中,如图12所示,在响应于语音消息录制结束事件之前,终端显示的是连接身份标识图标和第二磁带卷盘的第二磁带段,当监测到语音消息录制结束事件,终端会响应于语音消息录制结束事件,显示第二磁带段的第一端从身份标识图标向第二磁带卷盘移动,当第二磁带段的第一端移动到第二磁带卷盘处,取消显示第二磁带卷盘,显示语音消息的消息气泡。
本实施例中,能够利用第二磁带段的第一端的移动实现模拟语音消息的录制结束的状态,使得语音交互对象可以直观地感知到语音消息录制结束。
在一个实施例中,在语音消息的录制过程中,第二磁带卷盘的外轮廓与录制气泡的外轮廓一致,第二磁带卷盘的内部显示录制气泡的一部分,且显示的录制气泡的一部分随着录制进度逐渐减小。
具体的,如图13所示,在语音消息的录制过程中,第二磁带卷盘的外轮廓与录制气泡的外轮廓一致,第二磁带卷盘的内部显示录制气泡的一部分,且显示的录制气泡的一部分随着录制进度逐渐减小,即随着录制进度的增加,录制气泡的一部分逐渐减小。
本实施例中,通过在语音消息的录制过程中,在第二磁带卷盘的内部显示录制气泡的一部分,且显示的录制气泡的一部分随着录制进度逐渐减小,能够通过录制气泡的一部分随着录制进度逐渐减小来模拟语音消息录制的过程,使得语音交互对象可以直观地感知到语音消息正在录制。
在一个实施例中,第二磁带卷盘和录制气泡均为圆形,且第二磁带卷盘的圆心和录制气泡的圆心一致;在语音消息开始录制前,第二磁带卷盘被录制气泡覆盖,且第二磁带卷盘处于不可见状态;当第二磁带段的第二端与录制气泡连接,录制气泡的半径随着语音消息的录制进度逐渐减小,且第二磁带卷盘处于可见状态。
具体的,第二磁带卷盘和录制气泡均为圆形,且第二磁带卷盘的圆心和录制气泡的圆心一致,在语音消息开始录制前,第二磁带卷盘被录制气泡覆盖,且第二磁带卷盘处于不可见状态,即此时第二磁带卷盘的半径和录制气泡的半径相等,当第二磁带段的第二段与录制气泡连接,表示语音消息的录制正在进行,录制气泡的半径会随着语音消息的录制进度逐渐减小,且第二磁带卷盘处于可见状态。
在具体的应用中,第二磁带卷盘和录制气泡均为圆形,且第二磁带卷盘的圆心和录制气泡的圆心一致,在语音消息开始录制前,第二磁带卷盘被录制气泡覆盖,在第二磁带卷盘下还覆盖有基准圆,即如图14所示,表征语音消息的图标由三个圆形元素叠加而成,分别是基准圆、第二磁带卷盘和录制气泡,半径分别为R1、R2、R3,通过减小录制气泡的半径使得第二磁带卷盘的展示的部分面积增大,从而模拟出第二磁带卷盘的厚度的增加。
在一个具体的应用中,语音消息开始录制前,三个圆形元素(录制气泡、第二磁带卷盘、基准圆)的半径分别为R1、R2、R3,且R1=R2=R3,此时第二磁带卷盘被录制气泡覆盖,且处于不可见状态,语音消息开始录制时,显示第二磁带段的第一端连接身份标识图标,显示第二磁带段的第二端从身份标识图标向录制气泡移动,并触发录制语音消息,在语音消息开始录制后,第二磁带段的第二端会持续向录制气泡移动,当第二磁带段的第二端与录制气泡连接,即第二磁带段的第二端到达表征语音消息的图标,终端开始显示录制气泡的半径随着语音消息的录制进度逐渐减小的动画,且第二磁带卷盘处于可见状态。
在一个具体的应用中,可通过基准圆(半径为R3)对录制气泡的半径R1随着语音消息的录制进度逐渐减小进行量化。具体的,可以预先将录制时间分为几个区间,不同时间区间R1长度处于不同范围。举例说明,当录制时间小于10秒时,可对应R1>=2/3x R3; 当录制时间大于或者等于10秒且小于20秒时,可对应1/3 x R3<=R1<2/3 x R3;当录制时间大于或者等于20秒且小于或者等于60秒时,可对应0<R1<1/3 x R3;当录制时间大于60秒时,可对应R1=0。
本实施例中,能够实现语音消息录制时,第二磁带卷盘的厚度随着语音消息的录制进度逐渐增大,使得语音交互对象可以直观地感知到录制进度。
在一个实施例中,在语音消息的录制过程中,第二磁带卷盘的中心与录制气泡的中心一致,且第二磁带卷盘的外轮廓随着录制进度逐渐朝向录制气泡的外轮廓扩大。
具体的,如图15所示,在语音消息的录制过程中,第二磁带卷盘的中心与录制气泡的中心一致,且第二磁带卷盘的外轮廓随着录制进度逐渐朝向录制气泡的外轮廓扩大,即随着录制进度的增大,第二磁带卷盘的厚度逐渐增大。
本实施例中,能够通过第二磁带卷盘的厚度随着录制进度逐渐增大来模拟语音消息录制的过程,使得语音交互对象可以直观地感知到语音消息正在录制。
在一个实施例中,基于语音消息的交互方法还包括:
在语音消息的录制过程中,在身份标识图标上添加覆盖身份标识图标一部分的语音录制图标,显示语音录制图标,响应于语音消息录制结束事件,取消显示语音录制图标。
其中,语音录制图标是指表征语音消息正在录制的图标。比如,语音录制图标具体可以为嘴唇图标,表示语音交互对象正在进行语音消息输入。
具体的,如图16所示,在语音消息的录制过程中,终端会在身份标识图标上添加覆盖身份标识图标一部分的语音录制图标,显示语音录制图标,表示语音消息的录制正在进行,在语音消息录制结束时,响应于语音消息录制结束事件,取消显示语音录制图标,表示语音消息的录制已经结束。
本实施例中,通过在语音消息的录制过程中,在身份标识图标上添加覆盖身份标识图标一部分的语音录制图标,显示语音录制图标,能够直观地展示语音消息的录制正在进行,通过响应于语音消息录制结束事件,取消显示语音录制图标,能够直观地展示语音消息的录制已经结束。
在一个实施例中,基于语音消息的交互方法还包括:
当录制语音消息达到消息上限时长,第二磁带卷盘完全覆盖录制气泡,触发语音消息录制结束事件。
具体的,终端会实时统计录制语音消息的时长,当录制语音消息达到消息上限时长,终端会显示第二磁带卷盘完全覆盖录制气泡,触发语音消息录制结束事件。其中,消息上限时长可按照实际应用场景进行配置。举例说明,消息上限时长可以为一分钟,即当录制语音消息达到一分钟时,终端显示第二磁带卷盘完全覆盖录制气泡,触发语音消息录制结束事件。
本实施例中,当录制语音消息达到消息上限时长,第二磁带卷盘完全覆盖录制气泡,触发语音消息录制结束事件,能够有效控制语音消息的消息时长,避免消息时长过长导致出现重复收听语音消息的情况,能够减少重复收听语音消息的次数,避免资源的持续占用,能够提高资源利用率。
在一个实施例中,在语音消息的播放过程中,第一磁带卷盘的外轮廓与消息气泡的外轮廓一致,第一磁带卷盘的内部显示消息气泡的一部分,且显示的消息气泡的一部分随着播放进度逐渐增大。
具体的,如图17所示,在语音消息的播放过程中,第一磁带卷盘的外轮廓与消息气泡的外轮廓一致,第一磁带卷盘的内部显示消息气泡的一部分,且显示的消息气泡的一部分随着播放进度逐渐增大,即随着播放进度的增加,消息气泡的一部分逐渐增大。
本实施例中,通过在语音消息的录制过程中,在第一磁带卷盘的内部显示消息气泡的一部分,且显示的消息气泡的一部分随着播放进度逐渐增大,能够通过消息气泡的一部分随着播放进度逐渐增大来模拟语音消息播放的过程,使得语音交互对象可以直观地感知到语音消息正在播放。
在一个实施例中,第一磁带卷盘和消息气泡均为圆形,且第一磁带卷盘的圆心和消息气泡的圆心一致;在消息气泡处显示第一磁带卷盘时,消息气泡的半径逐渐减小,且消息气泡的半径的减小程度与语音消息的消息时长正相关;当第一磁带段的第一端与身份标识图标连接,消息气泡的半径随着语音消息的播放进度逐渐增大。
具体的,第一磁带卷盘和消息气泡均为圆形,且第一磁带卷盘的圆心和消息气泡的圆 心一致,在消息气泡处显示第一磁带卷盘之前,第一磁带卷盘被消息气泡覆盖,且第一磁带卷盘处于不可见状态,即此时第一磁带卷盘的半径和消息气泡的半径相等,在消息气泡处显示第一磁带卷盘时,消息气泡的半径逐渐减小,且消息气泡的半径的减小程度与语音消息的消息时长正相关,此时第一磁带卷盘处于可见状态,且第一磁带卷盘的厚度与语音消息的消息时长正相关,当第一磁带段的第一端与身份标识图标连接,消息气泡的半径随着语音消息的播放进度逐渐增大,即在语音消息的播放过程中,消息气泡的半径随着语音消息的播放进度逐渐增大,随着消息气泡的半径逐渐增大,第一磁带卷盘的厚度逐渐减小。
在具体的应用中,第一磁带卷盘和消息气泡均为圆形,且第一磁带卷盘的圆心和消息气泡的圆心一致,在消息气泡处显示第一磁带卷盘之前,第一磁带卷盘被消息气泡覆盖,在第一磁带卷盘下还覆盖有基准圆,即如图18所示,表征语音消息的图标由三个圆形元素叠加而成,分别是基准圆、第一磁带卷盘和消息气泡,半径分别为R1、R2、R3,通过减小消息气泡的半径使得第一磁带卷盘的展示的部分面积增大,从而模拟出第一磁带卷盘的厚度增大,通过增大消息气泡的半径使得第一磁带卷盘的展示的部分面积增大,从而模拟出第一磁带卷盘的厚度减小。
在一个具体的应用中,在消息气泡处显示第一磁带卷盘之前,三个圆形元素(消息气泡、第一磁带卷盘、基准圆)的半径分别为R1、R2、R3,且R1=R2=R3,此时第一磁带卷盘被消息气泡覆盖,且处于不可见状态,在消息气泡处显示第一磁带卷盘时,消息气泡的半径逐渐减小,且消息气泡的半径的减小程度与语音消息的消息时长正相关,此时第一磁带卷盘处于可见状态,且第一磁带卷盘的厚度与语音消息的消息时长正相关(当语音消息的消息时长达到消息时长上限时,R1=0),当第一磁带段的第一端与身份标识图标连接,即第一磁带段的第一端到达表征语音消息的图标,终端开始显示消息气泡的半径随着语音消息的播放进度逐渐增大的动画,即在语音消息的播放过程中,消息气泡的半径随着语音消息的播放进度逐渐增大,随着消息气泡的半径逐渐增大,第一磁带卷盘的厚度逐渐减小。
在一个具体的应用中,可通过基准圆(半径为R3)对消息气泡的半径R1的减小程度与语音消息的消息时长正相关进行量化。具体的,可以预先将消息时长分为几个区间,不同时间区间R1长度处于不同范围。举例说明,当消息时长小于10秒时,可对应R1>=2/3 x R3;当消息时长大于或者等于10秒且小于20秒时,可对应1/3 x R3<=R1<2/3 x R3;当消息时长大于或者等于20秒且小于或者等于60秒时,可对应0<R1<1/3 x R3;当消息时长大于60秒时,可对应R1=0。
在一个具体的应用中,可通过基准圆(半径为R3)对消息气泡的半径R1随着语音消息的播放进度逐渐增大进行量化。具体的,可以预先将剩余播放时长分为几个区间,不同时间区间R1长度处于不同范围。举例说明,当剩余播放时长小于10秒时,可对应R1>=2/3 x R3;当剩余播放时长大于或者等于10秒且小于20秒时,可对应1/3 x R3<=R1<2/3 x R3;当剩余播放时长大于或者等于20秒且小于或者等于60秒时,可对应0<R1<1/3 x R3;当剩余播放时长大于60秒时,可对应R1=0。
本实施例中,能够实现语音消息播放时,第一磁带卷盘的厚度随着语音消息的播放进度逐渐减小,使得语音交互对象可以直观地感知到播放进度。
在一个实施例中,在语音消息的播放过程中,第一磁带卷盘的中心与消息气泡的中心一致,且第一磁带卷盘的外轮廓随着播放进度逐渐朝消息气泡的中心缩小。
具体的,如图19所示,在语音消息的播放过程中,第一磁带卷盘的中心与消息气泡的中心一致,且第一磁带卷盘的外轮廓随着播放进度逐渐朝消息气泡的中心缩小,即随着播放进度的增大,第一磁带卷盘的厚度逐渐减小。
本实施例中,能够通过第一磁带卷盘的厚度随着播放进度逐渐减小来模拟语音消息播放的过程,使得语音交互对象可以直观地感知到语音消息正在播放。
在一个实施例中,在触发播放语音消息时,第一磁带卷盘的厚度与语音消息的消息时长线性正相关。
具体的,在触发播放语音消息时,第一磁带卷盘的厚度与语音消息的消息时长线性正相关,即语音消息的消息时长越长,第一磁带卷盘的厚度也越厚,语音消息的消息时长越短,第一磁带卷盘的厚度也越薄。在具体的应用中,由于第一磁带卷盘的厚度与语音消息的消息时长线性正相关,可以通过语音消息的消息时长和消息上限时长的比例关系,确定第一磁带卷盘的厚度。
本实施例中,第一磁带卷盘的厚度与语音消息的消息时长线性正相关,能够利用语音 消息的消息时长实现对第一磁带卷盘的厚度的确定。
在一个实施例中,当语音消息的消息时长为消息上限时长,在触发播放语音消息时,第一磁带卷盘完全覆盖消息气泡。
具体的,当语音消息的消息时长为消息上限时长,在触发播放语音消息时,第一磁带卷盘完全覆盖消息气泡,即消息气泡处于不可见状态。在具体的应用中,当语音消息的消息时长为消息上限时长,在触发播放语音消息时,消息气泡的半径会逐渐减小至零,以使得第一磁带卷盘完全显示出来,覆盖消息气泡。其中,消息上限时长可按照实际应用场景进行配置。举例说明,消息上限时长可以为一分钟。
本实施例中,通过当语音消息的消息时长为消息上限时长,在触发播放语音消息时,第一磁带卷盘完全覆盖消息气泡,能够在消息时长为消息上限时长时,实现相应的第一磁带卷盘的显示。
在一个实施例中,基于语音消息的交互方法还包括:
在语音消息的播放过程中,在身份标识图标上添加覆盖身份标识图标一部分的语音播放图标,显示语音播放图标,响应于语音消息的播放结束事件,取消显示语音播放图标。
其中,语音播放图标是指表征语音消息正在播放的图标。比如,语音播放图标具体可以为耳朵图标,表示语音交互对象正在收听语音消息。
具体的,如图20所示,在语音消息的播放过程中,终端会在身份标识图标上添加覆盖身份标识图标一部分的语音播放图标,显示语音播放图标,表示语音消息的播放正在进行,在语音消息播放结束时,响应于语音消息的播放结束事件,取消显示语音播放图标,表示语音消息的播放已经结束。
本实施例中,通过在语音消息的播放过程中,在身份标识图标上添加覆盖身份标识图标一部分的语音播放图标,显示语音播放图标,能够直观地展示语音消息的播放正在进行,通过响应于语音消息的播放结束事件,取消显示语音播放图标,能够直观地展示语音消息的播放已经结束。
在一个实施例中,基于语音消息的交互方法还包括:
在语音消息的消息气泡处显示语音消息的消息时长相应的数字图标;
在语音消息的播放过程中,显示数字变化的数字图标,且数字变化的数字图标内数字随着语音消息的播放进度逐渐减小。
具体的,在语音消息播放之前,终端会在语音消息的消息气泡处显示语音消息的消息时长相应的数字图标,数字图标内数字与消息时长正相关,在语音消息的播放过程中,终端会显示数字变化的数字图标,且数字变化的数字图标内数字随着语音消息的播放进度逐渐减小。在具体的应用中,当消息时长未达到消息上限时长,所显示的消息时长相应的数字图标内数字与消息时长相同,当消息时长达到消息上限时长,所显示的消息时长相应的数字图标内数字与消息上限时长相同。
在一个具体的应用中,如图21所示,在语音消息播放之前,在语音消息的消息气泡处会显示语音消息的消息时长相应的数字图标,在语音消息的播放过程中,终端会显示数字变化的数字图标,且数字变化的数字图标内数字随着语音消息的播放进度逐渐减小,即播放进度越大,数字图标内数字越小,以此通过数字图标内数字来实现播放倒计时。
本实施例中,通过显示数字变化的数字图标,且数字变化的数字图标内数字随着语音消息的播放进度逐渐减小,能够通过变化的数字图标内数字实现语音播放倒计时,使得语音交互对象可以直观地感受到语音消息的播放进度。
在一个实施例中,播放触发事件包括倍速播放事件;响应于语音消息的播放触发事件,在消息气泡处显示第一磁带卷盘,显示第一磁带段的第二端连接第一磁带卷盘,显示第一磁带段的第一端向身份标识图标移动,并触发播放所述语音消息包括:
响应于语音消息的倍速播放事件,在消息气泡处显示第一磁带卷盘,显示第一磁带段的第二端连接第一磁带卷盘,显示第一磁带段的第一端向身份标识图标移动,并按照倍速播放事件相应的倍速播放语音消息。
其中,倍速播放事件是指触发倍速播放语音消息的事件,可以通过对消息气泡的操作实现。举例说明,倍速播放事件可以通过对消息气泡的点击操作、长按操作、双击操作中的一种实现。
具体的,终端会实时监测语音消息的倍速播放事件,在监测到语音消息的倍速播放事件时,响应于语音消息的倍速播放事件,在消息气泡处显示第一磁带卷盘,显示第一磁带 段的第二端连接第一磁带卷盘,显示第一磁带段的第一端向身份标识图标移动,并按照倍速播放事件相应的倍速播放语音消息。在具体的应用中,当播放触发事件为倍速播放事件,在倍速播放语音消息过程中,第一磁带段的第一端会随着播放进度持续向身份标识图标移动,当第一磁带段的第一端移动到身份标识图标处,显示连接身份标识图标和第一磁带卷盘的第一磁带段。
本实施例中,能够响应于倍速播放事件,实现对语音消息的倍速播放。
在一个实施例中,基于语音消息的交互方法还包括:
在语音消息的播放过程中,响应于语音消息的倍速播放事件,在消息气泡处显示第一磁带卷盘,并按照倍速播放事件相应的倍速播放语音消息。
具体的,在语音消息的播放过程中,终端也会实时监测语音消息的倍速播放事件,在监测到语音消息的倍速播放事件时,响应于语音消息的倍速播放事件,在消息气泡处显示第一磁带卷盘,并按照倍速播放事件相应的倍速播放语音消息。
本实施例中,能够在语音消息的播放过程中,响应于倍速播放事件,实现对语音消息的倍速播放。
在一个实施例中,按照倍速播放事件相应的倍速播放语音消息包括:
调用倍速播放事件的回调函数,通过回调函数修改语音播放速度属性;
按照修改后的语音播放速度属性相应的播放速度播放语音消息。
其中,回调函数是指被作为参数传递的函数,回调函数通常使用函数指针实现。回调函数允许把需要调用的函数的指针作为参数传递给一个函数,以便该函数在处理相似事件的时候可以灵活的使用不同的方法,即提供函数实现的一方在初始化的时候,将回调函数的函数指针注册给调用者,当特定的事件或者条件发生的时候,调用者使用函数指针调用回调函数对事件进行处理。本实施例中,即将回调函数的函数指针注册给终端,当倍速播放时间发生时,终端使用函数指针调用回调函数,对倍速播放事件进行处理。
具体的,终端会调用倍速播放事件的回调函数,通过回调函数修改语音播放速度属性,以实现对播放速度的调整,按照修改后的语音播放速度属性相应的播放速度播放语音消息。在具体的应用中,倍速播放事件可以为二倍速播放事件、三倍速播放事件、0.5倍速播放事件等,本实施例中不对倍速播放事件的倍速进行具体限定。
在一个具体的应用中,倍速播放事件具体可以为二倍速播放事件,终端响应于语音消息的二倍速播放事件,在消息气泡处显示第一磁带卷盘,并调用倍速播放事件的回调函数,通过回调函数修改语音播放速度属性playbackRate为2,以使得按照二倍速播放语音消息。
本实施例中,调用倍速播放事件的回调函数,通过回调函数修改语音播放速度属性,能够实现按照修改后的语音播放速度属性相应的播放速度播放语音消息。
在一个实施例中,播放触发事件包括语音定位事件,响应于语音消息的播放触发事件,在消息气泡处显示第一磁带卷盘,显示第一磁带段的第二端连接第一磁带卷盘,显示第一磁带段的第一端向身份标识图标移动,并触发播放语音消息包括:
响应于语音消息的语音定位事件,在消息气泡处显示第一磁带卷盘以及当前播放进度;
响应于对语音消息的播放进度调整事件,在消息气泡处显示播放进度调整事件指示的定位播放进度,显示第一磁带段的第二端连接第一磁带卷盘,显示第一磁带段的第一端向身份标识图标移动;
触发从语音消息的定位播放进度起播放语音消息。
其中,语音定位事件是指定位播放语音消息的事件,可通过对消息气泡的操作触发。举例说明,对消息气泡的操作具体可以是指点击操作、长按操作、双击操作中的一种。播放进度调整事件是指对语音消息的播放进度进行调整的事件。比如,播放进度调整事件具体可以是往前调整播放进度的事件,即播放尚未播放的部分。又比如,播放进度调整事件具体可以是向后调整播放进度的事件,即播放已经播放过的部分。举例说明,当当前播放进度为0″时,播放进度调整事件只能是往前调整播放进度的事件,当当前播放进度不为0″时,播放进度调整事件可以是往前调整播放进度的事件,也可以是向后调整播放进度的事件。
具体的,终端会实时监测语音消息的语音定位事件,当监测到语音消息的语音定位事件时,响应于语音消息的语音定位事件,在消息气泡处显示第一磁带卷盘以及当前播放进度,响应于对语音消息的播放进度调整事件,在消息气泡处显示播放进度调整事件指示的定位播放进度,显示第一磁带段的第二端连接第一磁带卷盘,显示第一磁带段的第一端向 身份标识图标移动,触发从语音消息的定位播放进度起播放语音消息。在具体的应用中,当播放触发事件为语音定位事件,在从语音消息的定位播放进度起播放语音消息过程中,第一磁带段的第一端会随着播放进度持续向身份标识图标移动,当第一磁带段的第一端移动到身份标识图标处,显示连接身份标识图标和第一磁带卷盘的第一磁带段。
在具体的应用中,如图22所示,在播放语音消息之前,当监测到语音消息的语音定位事件,终端响应于语音消息的语音定位事件,在消息气泡处显示第一磁带卷盘以及当前播放进度(即图22中的0″),响应于对语音消息的播放进度调整事件,在消息气泡处显示播放进度调整事件指示的定位播放进度(即图22中的2.5″)。
本实施例中,响应于语音消息的语音定位事件,在消息气泡处显示第一磁带卷盘以及当前播放进度,能够使得语音交互对象直观地感知到当前播放进度,便于语音交互对象从当前播放进度开始进行调整,通过响应于对语音消息的播放进度调整事件,在消息气泡处显示播放进度调整事件指示的定位播放进度,能够使得语音交互对象直观地感知到定位播放进度,通过触发从语音消息的定位播放进度起播放语音消息,能够实现对语音消息的定位播放。
在一个实施例中,基于语音消息的交互方法还包括:
在语音消息的播放过程中,响应于语音消息的语音定位事件,在消息气泡处显示第一磁带卷盘以及当前播放进度;
响应于对语音消息的播放进度调整事件,在消息气泡处显示播放进度调整事件指示的定位播放进度;
触发从语音消息的定位播放进度起播放语音消息。
具体的,在语音消息的播放过程中,终端会实时监测语音消息的语音定位事件,当监测到语音消息的语音定位事件时,响应于语音消息的语音定位事件,在消息气泡处显示第一磁带卷盘以及当前播放进度,响应于对语音消息的播放进度调整事件,在消息气泡处显示播放进度调整事件指示的定位播放进度,触发从语音消息的定位播放进度起播放语音消息。
在一个实施例中,基于语音消息的交互方法还包括:
响应于针对消息气泡的触摸事件,记录触摸事件相应的触摸点的触发时长;
当触发时长达到时长阈值,且在触发时长内触摸点处于静止状态,则触发语音消息的语音定位事件。
具体的,终端会实时监测针对消息气泡的触摸事件,当监测到针对消息气泡的触摸事件时,响应于针对消息气泡的触摸事件,开始记录触摸事件相应的触摸点的触发时长,当触发时长达到时长阈值,且在触发时长内触摸点处于静止状态,即没有移动触摸点时,触发语音消息的语音定位事件。其中,时长阈值可按照实际应用场景进行配置。
在具体的应用中,终端响应于消息气泡的触摸事件,标记触摸开始状态为true(真),并记录第一当前时间戳startTime,即开始记录触摸事件相应的触摸点的触摸时长,当触发时长达到时长阈值(即第二当前时间戳nowTime与第一当前时间戳startTime的时长差值达到时长阈值),且在触发时长内触摸点处于静止状态,即未监测到触摸移动事件,则触发语音消息的语音定位事件。在一个具体的应用中,终端内预配置有语音定位事件相应的回调函数,终端可以通过调用语音定位事件相应的回调函数,实现触发语音消息的语音定位事件。
本实施例中,通过响应于针对消息气泡的触摸事件,记录触摸事件相应的触摸点的触发时长,能够在当触发时长达到时长阈值,且在触发时长内触摸点处于静止状态,实现对语音消息的语音定位事件的准确触发。
在一个实施例中,响应于对语音消息的播放进度调整事件,在消息气泡处显示播放进度调整事件指示的定位播放进度包括:
响应于对语音消息的播放进度调整事件,获取进度调整位置;
基于当前播放进度相应的初始位置、消息气泡的中心点位置以及进度调整位置,获得进度调整位置相对于初始位置的移动角度;
根据移动角度以及语音消息的消息时长,确定播放进度调整事件指示的定位播放进度;
在消息气泡处显示播放进度调整事件指示的定位播放进度。
其中,进度调整位置是指进度调整点所在位置,初始位置是指当前播放进度所在位置,中心点位置是指消息气泡的中心所在位置,这里的所在位置均是相对于预配置原点的位置。 预配置原点可按照实际应用场景进行配置。举例说明,预配置原点具体可以为终端显示界面的左上角顶点。移动角度是指以中心点位置为中心时,进度调整位置相对于初始位置的实际调整角度,与播放进度调整事件相对应。
具体的,终端会响应于对语音消息的播放进度调整事件,基于预配置原点获得进度调整触摸点的位置,即进度调整位置,并基于预配置原点获得当前播放进度相应的初始位置和消息气泡的中心点位置,基于当前播放进度相应的初始位置、消息气泡的中心点位置以及进度调整位置,计算进度调整位置相对于初始位置的移动角度,根据移动角度以及语音消息的消息时长,确定播放进度调整事件指示的定位播放进度,在消息气泡处显示播放进度调整事件指示的定位播放进度。
在一个具体的应用中,如图23所示,当预配置原点为终端显示界面的左上角顶点,根据预配置原点,可以获得进度调整位置(x1,y1)、当前播放进度相应的初始位置(x2,y2)和消息气泡的中心点位置(x3,y3)。
本实施例中,通过响应于对语音消息的播放进度调整事件,获取进度调整位置,能够基于当前播放进度相应的初始位置、消息气泡的中心点位置以及进度调整位置,获得进度调整位置相对于初始位置的移动角度,进而可以根据移动角度以及语音消息的消息时长,确定播放进度调整事件指示的定位播放进度,从而可以在消息气泡处实现显示播放进度调整事件指示的定位播放进度。
在一个实施例中,响应于对语音消息的播放进度调整事件,获取进度调整位置包括:
响应于对语音消息的播放进度调整事件,记录播放进度调整事件相应的触摸点移动轨迹;
响应于对语音消息的进度调整结束事件,将触摸点移动轨迹中最后触摸点作为进度调整位置。
具体的,终端响应于对语音消息的播放进度调整事件,会开始记录播放进度调整事件相应的触摸点移动轨迹,响应于对语音消息的进度调整结束事件,将触摸点移动轨迹中最后触摸点作为进度调整位置。在具体的应用中,在播放进度调整时,语音交互对象会在终端上拖动消息气泡,终端会开始记录相应的触摸点移动轨迹,将触摸点移动轨迹中最后触摸点作为进度调整位置。在一个具体的应用中,当当前播放进度为0″时,语音交互对象拖动消息气泡的方式可以为顺时针拖动,即播放进度调整事件只能是往前调整播放进度的事件。当当前播放进度不为0″,语音交互对象拖动消息气泡的方式可以为顺时针拖动,也可以为逆时针拖动,即播放进度调整事件可以是往前调整播放进度的事件,也可以是向后调整播放进度的事件。
本实施例中,通过响应于对语音消息的播放进度调整事件,记录播放进度调整事件相应的触摸点移动轨迹,能够在进度调整结束时,将触摸点移动轨迹中最后触摸点作为进度调整位置,实现对进度调整位置的确定。
在一个实施例中,基于当前播放进度相应的初始位置、消息气泡的中心点位置以及进度调整位置,获得进度调整位置相对于初始位置的移动角度包括:
基于当前播放进度相应的初始位置、消息气泡的中心点位置以及进度调整位置,获得进度调整位置相对于初始位置的相对角度;
比对中心点位置的第一坐标和进度调整位置的第二坐标,确定进度调整位置所在象限,象限以中心点位置为中心;
根据进度调整位置所在的象限和相对角度,获得进度调整位置相对于初始位置的移动角度。
其中,相对角度是指以中心点位置为中心时,进度调整位置相对于初始位置的位置角度差,即初始位置与中心点位置的第一连线,与中心点位置与进度调整位置的第二连线之间的角度差。中心点位置的第一坐标是指以预配置原点为基准所确定的中心点位置的坐标,包括两个轴向(横轴和纵轴)的坐标。进度调整位置的第二坐标是指以预配置原点为基准所确定的进度调整位置的坐标,包括两个轴向(横轴和纵轴)的坐标。
其中,象限是平面直角坐标系(笛卡尔坐标系)中的横轴和纵轴所划分的四个区域,每一个区域叫做一个象限。象限以原点为中心,x,y轴为分界线。右上的称为第一象限,左上的称为第二象限,左下的称为第三象限,右下的称为第四象限。本实施例中,象限以中心点位置为中心,即从中心点位置延伸出x,y轴作为分界线,确定进度调整位置所在的象限。
具体的,终端会基于当前播放进度相应的初始位置、消息气泡的中心点位置以及进度调整位置,利用余弦定理计算出进度调整位置相对于初始位置的相对角度,再分别比对中心点位置的第一坐标和进度调整位置的第二坐标中相同轴向的坐标,获得比对结果,根据比对结果,确定进度调整位置所在象限,最后根据进度调整位置所在象限和相对角度,获得进度调整位置相对于初始位置的移动角度。
在具体的应用中,第一坐标包括第一横坐标和第一纵坐标,第二坐标包括第二横坐标和第二纵坐标,终端分别比对第一横坐标和第二横坐标,以及第一纵坐标和第二纵坐标,可以获得比对结果,根据比对结果,即可确定进度调整位置所在象限。
在一个具体的应用中,如图24所示,当第一横坐标小于第二横坐标且第一纵坐标大于第二纵坐标时,可确定进度调整位置所在象限为第一象限。当第一横坐标大于第二横坐标且第一纵坐标大于第二纵坐标时,可确定进度调整位置所在象限为第二象限,当第一横坐标大于第二横坐标且第一纵坐标小于第二纵坐标时,可确定进度调整位置所在象限为第三象限,当第一横坐标小于第二横坐标且第一纵坐标小于第二纵坐标时,可确定进度调整位置所在象限为第四象限。
本实施例中,基于当前播放进度相应的初始位置、消息气泡的中心点位置以及进度调整位置,可以获得进度调整位置相对于初始位置的相对角度,通过比对中心点位置的第一坐标和进度调整位置的第二坐标,可以确定进度调整位置所在象限,进而可以结合进度调整位置所在的象限和相对角度,实现对进度调整位置相对于初始位置的移动角度的准确确定。
在一个实施例中,基于当前播放进度相应的初始位置、消息气泡的中心点位置以及进度调整位置,获得进度调整位置相对于初始位置的相对角度包括:
获得当前播放进度相应的初始位置和消息气泡的中心点位置之间的第一距离、进度调整位置和中心点位置之间的第二距离以及进度调整位置和初始位置之间的第三距离;
基于第一距离、第二距离和第三距离,获得进度调整位置相对于初始位置的相对角度。
具体的,终端会获得当前播放进度相应的初始位置和消息气泡的中心点位置之间的第一距离、进度调整位置和中心点位置之间的第二距离以及进度调整位置和初始位置之间的第三距离,基于第一距离、第二距离、第三距离和余弦定理获得进度调整位置相对于初始位置的相对角度。其中,余弦定理是描述三角形中三边长度与一个角的余弦值关系的数学定理,即对于任意三角形,任意一边的平方等于其他两边平方的和减去这两边与他们夹角的余弦的积的两倍。
在具体的应用中,终端基于中心点位置的第一坐标、进度调整位置的第二坐标以及初始位置的第三坐标,可以获得当前播放进度相应的初始位置和消息气泡的中心点位置之间的第一距离、进度调整位置和中心点位置之间的第二距离以及进度调整位置和初始位置之间的第三距离。在一个具体的应用中,如图25所示,第一坐标为(cen[0],cen[1])、第二坐标为(end[0]、end[1])、第三坐标为(start[0]、start[1]),由图可以看出,第一距离 其中,f_c_x=start[0]-cen[0],f_c_y=cen[1]-start[1]。第二距离 其中,s_c_x=end[0]-cen[0],s_c_y=cen[1]-end[1],第三距离
在具体的应用中,相对角度即为需要计算的余弦角,是初始位置与中心点位置的第一连线,与中心点位置与进度调整位置的第二连线之间的角度差。终端会基于余弦定理,确定相对角度的计算公式,再将第一距离、第二距离和第三距离代入相对角度的计算公式,获得相对角度。在一个具体的应用中,如图25所示,第一距离为a、第二距离为b、第三距离为c,相对角度θ为ab之间的夹角,则对应的相对角度的计算公式为通过代入第一距离、第二距离和第三距离的计算公式进行化简,可以得到相对角度的计算公式为θ=Math.acos((f_c_x*s_c_x+f_c_y*s_c_y)/d),其中,d=Math.sqrt(f_c_x*f_c_x +f_c_y*f_c_y)*Math.sqrt(s_c_x*s_c_x+s_c_y*s_c_y),Math.acos()表示反余弦函数,Math.sqrt()表示平方根计算,f_c_x*s_c_x表示f_c_x和s_c_x的乘积,f_c_y*s_c_y表示f_c_y*和s_c_y的乘积,f_c_x*f_c_x表示f_c_x的平方,f_c_y*f_c_y表示f_c_y的平方,s_c_x*s_c_x表示s_c_x的平方,s_c_y*s_c_y表示s_c_y的平方。
本实施例中,通过获得第一距离、第二距离和第三距离,能够基于第一距离、第二距离和第三距离,实现对进度调整位置相对于初始位置的相对角度的计算。
在一个实施例中,根据进度调整位置所在的象限和相对角度,获得进度调整位置相对于初始位置的移动角度包括:
当进度调整位置所在的象限为第一象限或第四象限,将相对角度作为进度调整位置相对于初始位置的移动角度。
具体的,当进度调整位置所在的象限为第一象限或第四象限,终端会直接将相对角度作为进度调整位置相对于初始位置的移动角度。
在一个实施例中,根据进度调整位置所在的象限和相对角度,获得进度调整位置相对于初始位置的移动角度包括:
当进度调整位置所在的象限为第二象限或第三象限,将预配置角度与相对角度的角度差值作为进度调整位置相对于初始位置的移动角度。
具体的,当进度调整位置所在的象限为第二象限或第三象限,终端会将预配置角度与相对角度的角度差值作为进度调整位置相对于初始位置的移动角度。其中,预配置角度为2π。
在一个实施例中,基于语音消息的交互方法还包括:
在语音消息的播放过程中,响应于语音消息的播放中断事件,显示身份标识图标和第一磁带卷盘,且第一磁带卷盘的厚度与语音消息的消息时长正相关,并触发停止播放语音消息。
其中,播放中断事件是指终端播放语音消息的事件,可通过对消息气泡的操作触发。举例说明,对消息气泡的操作具体可以是指点击操作、长按操作、双击操作中的一种。
具体的,在语音消息的播放过程中,终端会实时监测语音消息的播放中断事件,当监测到语音消息的播放中断事件时,响应于语音消息的播放中断事件,显示身份标识图标和第一磁带卷盘,且第一磁带卷盘的厚度与语音消息的消息时长正相关,并触发停止播放语音消息。在具体的应用中,第一磁带卷盘的厚度与语音消息的消息时长线性正相关。
本实施例中,通过在语音消息的播放过程中,响应于语音消息的播放中断事件,显示身份标识图标和第一磁带卷盘,且第一磁带卷盘的厚度与语音消息的消息时长正相关,能够模拟出语音消息播放的初始状态,使得语音交互对象可以直观地感知到语音消息播放中断,已恢复至语音消息播放的初始状态。
在一个实施例中,响应于语音消息的播放中断事件,显示身份标识图标和第一磁带卷盘,且第一磁带卷盘的厚度与语音消息的消息时长正相关,并触发停止播放语音消息包括:
响应于语音消息的播放中断事件,显示身份标识图标或第一磁带卷盘中至少一者转动,且第一磁带卷盘的厚度逐渐增大,且第一磁带卷盘的厚度的增大程度与语音消息的已播放进度正相关,并触发停止播放语音消息;
响应于语音消息的中断结束事件,显示第一磁带段的第一端从身份标识图标向第一磁带卷盘移动;
当第一磁带段的第一端移动到第一磁带卷盘处,显示第一磁带卷盘,且第一磁带卷盘的厚度与语音消息的消息时长正相关。
具体的,终端响应于语音消息的播放中断事件,会显示身份标识图标或第一磁带卷盘中至少一者转动,且第一磁带卷盘的厚度逐渐增大,且第一磁带卷盘的厚度的增大程度与语音消息的已播放进度正相关,即语音消息的已播放进度越长,第一磁带卷盘的厚度越增大,并触发停止播放语音消息,响应于语音消息的中断结束事件,终端会显示第一磁带段的第一端从身份标识图标向第一磁带卷盘移动,当第一磁带卷盘的第一端移动到第一磁带卷盘处,显示第一磁带卷盘,且第一磁带卷盘的厚度与语音消息的消息时长正相关。
在具体的应用中,终端会显示身份标识图标转动,且第一磁带卷盘不转动。身份标识图标的转动方向可按照实际应用场景进行预配置,举例说明,转动方向可以为顺时针方向,也可以为逆时针方向。在具体的应用中,终端会显示身份标识图标不转动,且第一磁带卷 盘转动。第一磁带卷盘的转动方向可按照实际应用场景进行预配置,举例说明,转动方向可以为顺时针方向,也可以为逆时针方向。
在具体的应用中,终端会显示身份标识图标和第一磁带卷盘同时转动,身份标识图标和第一磁带卷盘的转动方向均可按照实际应用场景进行预配置,可以相同,也可以不相同。举例说明,在身份标识图标和第一磁带卷盘同时转动时,转动方式可以为身份标识图标顺时针转动且第一磁带卷盘逆时针转动,也可以为身份标识图标逆时针转动且第一磁带卷盘顺时针转动。
在一个具体的应用中,如图26所示,终端响应于语音消息的播放中断事件,会显示身份标识图标转动,且第一磁带卷盘的厚度逐渐增大,且第一磁带卷盘的厚度的增大程度与语音消息的已播放进度正相关,响应于语音消息的中断结束事件,终端会显示第一磁带段的第一端从身份标识图标向第一磁带卷盘移动,当第一磁带卷盘的第一端移动到第一磁带卷盘处,显示第一磁带卷盘,且第一磁带卷盘的厚度与语音消息的消息时长正相关。
本实施例中,通过身份标识图标或第一磁带卷盘中至少一者转动,且第一磁带卷盘的厚度逐渐增大,且第一磁带卷盘的厚度的增大程度与语音消息的已播放进度正相关,响应于语音消息的中断结束事件,显示第一磁带段的第一端从身份标识图标向第一磁带卷盘移动,当第一磁带段的第一端移动到第一磁带卷盘处,显示第一磁带卷盘,且第一磁带卷盘的厚度与语音消息的消息时长正相关,能够模拟出第一磁带卷盘反向播放,逐渐恢复到语音消息播放的初始状态,使得语音交互对象可以直观地感知到语音消息播放中断,且逐渐恢复至语音消息播放的初始状态。
在一个实施例中,通过应用于通信应用来说明本申请的基于语音消息的交互方法,以该方法应用于终端为例进行说明。
在语音消息录制阶段,如图27所示,终端响应于语音消息录制事件,显示身份标识图标和录制气泡,显示第二磁带段的第一端连接身份标识图标,显示第二磁带段的第二端从身份标识图标向录制气泡移动,并触发录制语音消息,当第二磁带段的第二端与录制气泡连接,在录制气泡处显示第二磁带卷盘,并触发录制语音消息,在语音消息的录制过程中,显示第二磁带卷盘或身份标识图标中至少一者转动,且第二磁带卷盘的厚度随着语音消息的录制进度逐渐增大,且在录制过程的至少一部分时段内显示连接身份标识图标和第二磁带卷盘的第二磁带段,响应于语音消息录制结束事件,显示第二磁带段的第一端从身份标识图标向第二磁带卷盘移动,当第二磁带段的第一端移动到第二磁带卷盘处,取消显示第二磁带卷盘,显示语音消息的消息气泡。其中,在语音消息的录制过程中,终端会在身份标识图标上添加覆盖身份标识图标一部分的语音录制图标,显示语音录制图标,响应于语音消息录制结束事件,取消显示语音录制图标。其中,在语音消息的录制过程中,终端会显示数字变化的数字图标,且数字变化的数字图标内数字随着语音消息的录制进度逐渐增大。进一步的,如图27所示,在语音消息的录制过程中,终端会在身份标识图标上添加覆盖身份标识图标一部分的语音录制图标,显示语音录制图标,响应于语音消息录制结束事件,取消显示语音录制图标。
在一个具体的应用中,如图28所示,终端响应于语音消息录制事件,显示身份标识图标和录制气泡(图28中0″的圆形气泡),在身份标识图标上添加覆盖身份标识图标一部分的语音录制图标(图28中的嘴唇图标),显示语音录制图标,显示第二磁带段的第二端从身份标识图标向录制气泡移动,并触发录制语音消息,在语音消息的录制过程中,终端会显示数字变化的数字图标,且数字变化的数字图标内数字随着语音消息的录制进度逐渐增大(如图28所示,随着语音消息的录制进度,数字变化的数字图标分别为2″、16″和60″),终端显示第二磁带卷盘或身份标识图标中至少一者转动,且第二磁带卷盘的厚度随着语音消息的录制进度逐渐增大(如图28所示,随着录制进度为2″、16″和60″,第二磁带卷盘的厚度逐渐增大),且在录制过程的至少一部分时间段内显示连接身份标识图标和第二磁带卷盘的第二磁带段(如图28所示,录制进度为2″和16″时会显示连接身份标识图标和第二磁带卷盘的第二磁带段),响应于语音消息录制结束事件(如图28所示为语音消息的消息时长达到消息时长上限60″),终端会显示第二磁带段的第一端从身份标识图标向第二磁带卷盘移动,当第二磁带段的第一端移动到第二磁带卷盘处,取消显示第二磁带卷盘,显示语音消息的消息气泡(此部分图28中未示出)。在语音消息播放阶段,如图29所示,终端响应于语音消息的播放触发事件,在消息气泡处显示第一磁带卷盘,显示第一磁带段的第二端连接第一磁带卷盘,显示第一磁带段的第一端向身份标识图标移动, 并触发播放语音消息,在语音消息的播放过程中,显示第一磁带卷盘或身份标识图标中至少一者转动,且第一磁带卷盘的厚度随着语音消息的播放进度逐渐减小,且在播放过程的至少一部分时段内显示连接身份标识图标和第一磁带卷盘的第一磁带段,响应于语音消息的播放结束事件,取消显示第一磁带卷盘,随着取消显示第一磁带卷盘,显示第一磁带段的第二端从第一磁带卷盘处向身份标识图标移动,直到第一磁带段的第二端移动到身份标识图标处,取消显示第一磁带段,恢复显示消息气泡。其中,在语音消息开始播放之前,终端会在语音消息的消息气泡处显示所述语音消息的消息时长相应的数字图标,在语音消息的播放过程中,显示数字变化的数字图标,且数字变化的数字图标内数字随着语音消息的播放进度逐渐减小。进一步的,如图29所示,在语音消息的播放过程中,终端会在身份标识图标上添加覆盖身份标识图标一部分的语音播放图标,显示语音播放图标,响应于语音消息的播放结束事件,取消显示语音播放图标。
在一个具体的应用中,如图30所示,终端显示语音消息的消息气泡和相应的头像(即身份标识图标),在消息气泡处显示有语音消息的消息时长相应的数字图标(即图30中的9″)。终端响应于语音消息的播放触发事件(点击消息气泡以播放),在消息气泡处显示第一磁带卷盘,显示第一磁带段的第二端连接第一磁带卷盘,显示第一磁带段的第一端向头像移动,并触发播放语音消息。在语音消息的播放过程中,终端会显示数字变化的数字图标,且数字变化的数字图标内数字随着语音消息的播放进度逐渐减小(如图30所示,本来消息时长为9″的语音消息,随着语音消息的播放进度,数字图标内数字逐渐变为8″、4″和0″,所显示的数字图标内数字即为剩余播放时长)。在语音消息的播放过程中,消息气泡驱动头像转动,模拟磁带旋转,即显示第一磁带卷盘和头像转动,且两者转动方向相同,朝向语音消息的发布对象转动,在语音消息的播放过程中,所显示的第一磁带卷盘的厚度随着语音消息的播放进度逐渐减小,即磁带厚度的消磁速度,与语音消息的消息时长线性相关(从图30可以看出,剩余播放时长为8″时第一磁带卷盘的厚度大于剩余播放时长为4″时第一磁带卷盘的厚度)。其中,终端在播放过程的至少一部分时段内显示连接头像和第一磁带卷盘的第一磁带段(如图30所示的剩余播放时长为4″时会显示连接头像和第一磁带卷盘的第一磁带段),响应于语音消息的播放结束事件,取消显示第一磁带卷盘,随着取消显示第一磁带卷盘,显示第一磁带段的第二端从第一磁带卷盘处向头像移动,即语音消息播放结束,磁带尾巴消失,直到第一磁带段的第二端移动到头像处,取消显示第一磁带段,恢复显示消息气泡,回到显示语音消息的消息气泡和相应的头像的初始阶段。
在具体的应用中,播放触发事件包括倍速播放事件,终端在语音消息尚未播放时和播放过程中,均可以响应语音消息的倍速播放事件,在消息气泡处显示第一磁带卷盘,并调用倍速播放事件的回调函数,通过回调函数修改语音播放速度属性,按照修改后的语音播放速度属性相应的播放速度播放语音消息。在一个具体的应用中,如图31所示,倍速播放事件具体可以为2倍速播放事件(图31中通过2x>>表示)且通过双击触发,终端响应于语音消息的2倍速播放事件,在消息气泡处显示第一磁带卷盘,并调用2倍速播放事件的回调函数,通过回调函数修改语音播放速度属性,按照修改后的语音播放速度属性相应的播放速度播放语音消息,在语音消息的播放过程中,终端会在身份标识图标上添加覆盖身份标识图标一部分的语音播放图标(即图31中的表示收听的耳朵图标),显示语音播放图标,响应于语音消息的播放结束事件,取消显示语音播放图标。
在具体的应用中,播放触发事件包括语音定位事件,终端在语音消息尚未播放时和播放过程中,均可以响应语音消息的语音定位事件。在一个具体的应用中,终端会响应于针对消息气泡的触摸事件,记录触摸事件相应的触摸点的触发时长,当触发时长达到时长阈值,且在触发时长内触摸点处于静止状态,则触发语音消息的语音定位事件。在一个具体的应用中,终端响应于语音消息的语音定位事件,会在消息气泡处显示第一磁带卷盘以及当前播放进度,响应于对语音消息的播放进度调整事件,在消息气泡处显示播放进度调整事件指示的定位播放进度,触发从语音消息的定位播放进度起播放语音消息。
在一个具体的应用中,终端会响应于对语音消息的播放进度调整事件,记录播放进度调整事件相应的触摸点移动轨迹,响应于对语音消息的进度调整结束事件,将触摸点移动轨迹中最后触摸点作为进度调整位置,获得当前播放进度相应的初始位置和消息气泡的中心点位置之间的第一距离、进度调整位置和中心点位置之间的第二距离以及进度调整位置和初始位置之间的第三距离,基于第一距离、第二距离和第三距离,获得进度调整位置相对于初始位置的相对角度,比对中心点位置的第一坐标和进度调整位置的第二坐标,确定 进度调整位置所在象限,象限以中心点位置为中心,根据进度调整位置所在的象限和相对角度,获得进度调整位置相对于初始位置的移动角度,根据移动角度以及语音消息的消息时长,确定播放进度调整事件指示的定位播放进度,在消息气泡处显示播放进度调整事件指示的定位播放进度。其中,当进度调整位置所在的象限为第一象限或第四象限,终端会将相对角度作为进度调整位置相对于初始位置的移动角度。当进度调整位置所在的象限为第二象限或第三象限,终端会将预配置角度与相对角度的角度差值作为进度调整位置相对于初始位置的移动角度。
在具体的应用中,如图26所示,当监测到语音消息的播放中断事件,终端会响应于语音消息的播放中断事件,显示身份标识图标或第一磁带卷盘中至少一者转动,且第一磁带卷盘的厚度逐渐增大,且第一磁带卷盘的厚度的增大程度与语音消息的已播放进度正相关,并触发停止播放语音消息,响应于语音消息的中断结束事件,显示第一磁带段的第一端从身份标识图标向第一磁带卷盘移动,当第一磁带段的第一端移动到第一磁带卷盘处,显示第一磁带卷盘,且第一磁带卷盘的厚度与语音消息的消息时长正相关。
在一个具体的应用中,如图32所示,终端响应于语音消息的播放触发事件(点击消息气泡以播放),触发播放语音消息,在语音消息的播放过程中,当监测到语音消息的播放中断事件(在播放过程中,再次点击气泡以中断),响应于语音消息的播放中断事件,触发停止播放语音消息,响应于语音消息的中断结束事件,显示第一磁带段的第一端从身份标识图标向第一磁带卷盘移动,当第一磁带段的第一端移动到第一磁带卷盘处,显示第一磁带卷盘,且第一磁带卷盘的厚度与语音消息的消息时长正相关(此部分未在图32中示出)。
应该理解的是,虽然如上所述的各实施例所涉及的流程图中的各个步骤按照箭头的指示依次显示,但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明,这些步骤的执行并没有严格的顺序限制,这些步骤可以以其它的顺序执行。而且,如上所述的各实施例所涉及的流程图中的至少一部分步骤可以包括多个步骤或者多个阶段,这些步骤或者阶段并不必然是在同一时刻执行完成,而是可以在不同的时刻执行,这些步骤或者阶段的执行顺序也不必然是依次进行,而是可以与其它步骤或者其它步骤中的步骤或者阶段的至少一部分轮流或者交替地执行。
发明人认为,传统语音消息在播放时,使用长度不一的气泡,在屏幕绘制上效率低下,本申请则统一了样式,可以只使用数字示意语音长度,无需绘制多种长度的气泡。此外,本申请通过引入磁带的效果模拟,在收听时的效果模拟更符合语音交互对象的直觉感知,语音交互对象在录制时,也可以通过磁带厚度及对象的状态,直观地感知语音消息的录制进行到何处,即本申请通过引入真实时间中磁带增加、减少效果,并通过多个层级叠加渲染,来模拟语音消息的录制和播放,更符合语音交互对象的直觉感知,直观地感知播放或录制进行到何处。
基于同样的发明构思,本申请实施例还提供了一种用于实现上述所涉及的基于语音消息的交互方法的基于语音消息的交互装置。该装置所提供的解决问题的实现方案与上述方法中所记载的实现方案相似,故下面所提供的一个或多个基于语音消息的交互装置实施例中的具体限定可以参见上文中对于基于语音消息的交互方法的限定,在此不再赘述。
在一个实施例中,如图33所示,提供了一种基于语音消息的交互装置,包括:语音消息显示模块3302、磁带卷盘显示模块3304、语音播放显示模块3306和处理模块3308,其中:
语音消息显示模块3302,用于显示语音消息的消息气泡和相应的身份标识图标;
磁带卷盘显示模块3304,用于响应于语音消息的播放触发事件,在消息气泡处显示第一磁带卷盘,显示第一磁带段的第二端连接第一磁带卷盘,显示第一磁带段的第一端向身份标识图标移动,并触发播放语音消息;
语音播放显示模块3306,用于在语音消息的播放过程中,显示第一磁带卷盘或身份标识图标中至少一者转动,且第一磁带卷盘的厚度随着语音消息的播放进度逐渐减小,且在播放过程的至少一部分时段内显示连接身份标识图标和第一磁带卷盘的第一磁带段;
处理模块3308,用于响应于语音消息的播放结束事件,取消显示第一磁带卷盘;随着取消显示第一磁带卷盘,显示第一磁带段的第二端从第一磁带卷盘处向身份标识图标移动,直到第一磁带段的第二端移动到身份标识图标处,取消显示第一磁带段。
上述基于语音消息的交互装置,显示语音消息的消息气泡和相应的身份标识图标,响应于语音消息的播放触发事件,在消息气泡处显示第一磁带卷盘,显示第一磁带段的第二 端连接第一磁带卷盘,显示第一磁带段的第一端向身份标识图标移动,并触发播放语音消息,能够丰富语音消息开始播放时的显示形式,使得语音交互对象可以直观地感知到语音消息开始播放,在语音消息的播放过程中,通过第一磁带段显示第一磁带卷盘随着身份标识图标一起转动,并通过第一磁带卷盘的厚度随着语音消息的播放进度逐渐减小,能够显示语音消息的发布方,利用磁带卷盘转动过程中的厚度变化实现模拟语音消息的播放进度变化,使得语音交互对象可以直观地感知到播放进度,不需要重复收听语音消息,从而能够减少重复收听语音消息的次数,避免资源的持续占用,能够提高资源利用率,响应于语音消息的播放结束事件,取消显示第一磁带卷盘,随着取消显示第一磁带卷盘,显示第一磁带段的第二端从第一磁带卷盘处向身份标识图标移动,直到第一磁带段的第二端移动到身份标识图标处,取消显示第一磁带段,能够随着取消显示第一磁带卷盘,利用第一磁带段的第二端的移动实现模拟语音消息的播放结束的状态,使得语音交互对象可以直观地感知到语音消息播放结束。
在一个实施例中,语音消息显示模块还用于响应于语音消息录制事件,显示身份标识图标以及第二磁带卷盘,并触发录制语音消息,在语音消息的录制过程中,显示第二磁带卷盘或身份标识图标中至少一者转动,且第二磁带卷盘的厚度随着语音消息的录制进度逐渐增大,且在录制过程的至少一部分时段内显示连接身份标识图标和第二磁带卷盘的第二磁带段,响应于语音消息录制结束事件,取消显示第二磁带卷盘,显示语音消息的消息气泡。
在一个实施例中,语音消息显示模块还用于响应于语音消息录制事件,显示身份标识图标和录制气泡,显示第二磁带段的第一端连接身份标识图标,显示第二磁带段的第二端从身份标识图标向录制气泡移动,并触发录制语音消息,当第二磁带段的第二端与录制气泡连接,在录制气泡处显示第二磁带卷盘。
在一个实施例中,语音消息显示模块还用于响应于语音消息录制结束事件,显示第二磁带段的第一端从身份标识图标向第二磁带卷盘移动,当第二磁带段的第一端移动到第二磁带卷盘处,取消显示第二磁带卷盘,显示语音消息的消息气泡。
在一个实施例中,在语音消息的录制过程中,第二磁带卷盘的外轮廓与录制气泡的外轮廓一致,第二磁带卷盘的内部显示录制气泡的一部分,且显示的录制气泡的一部分随着录制进度逐渐减小。
在一个实施例中,第二磁带卷盘和录制气泡均为圆形,且第二磁带卷盘的圆心和录制气泡的圆心一致;在语音消息开始录制前,第二磁带卷盘被录制气泡覆盖,且第二磁带卷盘处于不可见状态;当第二磁带段的第二端与录制气泡连接,录制气泡的半径随着语音消息的录制进度逐渐减小,且第二磁带卷盘处于可见状态。
在一个实施例中,在语音消息的录制过程中,第二磁带卷盘的中心与录制气泡的中心一致,且第二磁带卷盘的外轮廓随着录制进度逐渐朝向录制气泡的外轮廓扩大。
在一个实施例中,语音消息显示模块还用于在语音消息的录制过程中,在身份标识图标上添加覆盖身份标识图标一部分的语音录制图标,显示语音录制图标,响应于语音消息录制结束事件,取消显示语音录制图标。
在一个实施例中,语音消息显示模块还用于当录制语音消息达到消息上限时长,第二磁带卷盘完全覆盖录制气泡,触发语音消息录制结束事件。
在一个实施例中,在语音消息的播放过程中,第一磁带卷盘的外轮廓与消息气泡的外轮廓一致,第一磁带卷盘的内部显示消息气泡的一部分,且显示的消息气泡的一部分随着播放进度逐渐增大。
在一个实施例中,第一磁带卷盘和消息气泡均为圆形,且第一磁带卷盘的圆心和消息气泡的圆心一致;在消息气泡处显示第一磁带卷盘时,消息气泡的半径逐渐减小,且消息气泡的半径的减小程度与语音消息的消息时长正相关;当第一磁带段的第一端与身份标识图标连接,消息气泡的半径随着语音消息的播放进度逐渐增大。
在一个实施例中,在语音消息的播放过程中,第一磁带卷盘的中心与消息气泡的中心一致,且第一磁带卷盘的外轮廓随着播放进度逐渐朝消息气泡的中心缩小。
在一个实施例中,在触发播放语音消息时,第一磁带卷盘的厚度与语音消息的消息时长线性正相关。
在一个实施例中,当语音消息的消息时长为消息上限时长,在触发播放语音消息时,第一磁带卷盘完全覆盖消息气泡。
在一个实施例中,语音消息显示模块还用于在语音消息的播放过程中,在身份标识图标上添加覆盖身份标识图标一部分的语音播放图标,显示语音播放图标,响应于语音消息的播放结束事件,取消显示语音播放图标。
在一个实施例中,基于语音消息的交互装置还包括数字图标显示模块,数字图标显示模块用于在语音消息的消息气泡处显示语音消息的消息时长相应的数字图标,在语音消息的播放过程中,显示数字变化的数字图标,且数字变化的数字图标内数字随着语音消息的播放进度逐渐减小。
在一个实施例中,播放触发事件包括倍速播放事件,磁带卷盘显示模块包括倍速播放单元,倍速播放单元用于响应于语音消息的倍速播放事件,在消息气泡处显示第一磁带卷盘,显示第一磁带段的第二端连接第一磁带卷盘,显示第一磁带段的第一端向身份标识图标移动,并按照倍速播放事件相应的倍速播放语音消息。
在一个实施例中,倍速播放单元还用于在语音消息的播放过程中,响应于语音消息的倍速播放事件,在消息气泡处显示第一磁带卷盘,并按照倍速播放事件相应的倍速播放语音消息。
在一个实施例中,倍速播放单元还用于调用倍速播放事件的回调函数,通过回调函数修改语音播放速度属性,按照修改后的语音播放速度属性相应的播放速度播放语音消息。
在一个实施例中,播放触发事件包括语音定位事件,磁带卷盘显示模块包括语音定位单元,语音定位单元用于响应于语音消息的语音定位事件,在消息气泡处显示第一磁带卷盘以及当前播放进度,响应于对语音消息的播放进度调整事件,在消息气泡处显示播放进度调整事件指示的定位播放进度,显示第一磁带段的第二端连接第一磁带卷盘,显示第一磁带段的第一端向身份标识图标移动,触发从语音消息的定位播放进度起播放语音消息。
在一个实施例中,语音定位单元还用于在语音消息的播放过程中,响应于语音消息的语音定位事件,在消息气泡处显示第一磁带卷盘以及当前播放进度,响应于对语音消息的播放进度调整事件,在消息气泡处显示播放进度调整事件指示的定位播放进度,触发从语音消息的定位播放进度起播放语音消息。
在一个实施例中,语音定位单元还用于响应于针对消息气泡的触摸事件,记录触摸事件相应的触摸点的触发时长,当触发时长达到时长阈值,且在触发时长内触摸点处于静止状态,则触发语音消息的语音定位事件。
在一个实施例中,语音定位单元还用于响应于对语音消息的播放进度调整事件,获取进度调整位置,基于当前播放进度相应的初始位置、消息气泡的中心点位置以及进度调整位置,获得进度调整位置相对于初始位置的移动角度,根据移动角度以及语音消息的消息时长,确定播放进度调整事件指示的定位播放进度,在消息气泡处显示播放进度调整事件指示的定位播放进度。
在一个实施例中,语音定位单元还用于响应于对语音消息的播放进度调整事件,记录播放进度调整事件相应的触摸点移动轨迹,响应于对语音消息的进度调整结束事件,将触摸点移动轨迹中最后触摸点作为进度调整位置。
在一个实施例中,语音定位单元还用于基于当前播放进度相应的初始位置、消息气泡的中心点位置以及进度调整位置,获得进度调整位置相对于初始位置的相对角度,比对中心点位置的第一坐标和进度调整位置的第二坐标,确定进度调整位置所在象限,象限以中心点位置为中心,根据进度调整位置所在的象限和相对角度,获得进度调整位置相对于初始位置的移动角度。
在一个实施例中,语音定位单元还用于获得当前播放进度相应的初始位置和消息气泡的中心点位置之间的第一距离、进度调整位置和中心点位置之间的第二距离以及进度调整位置和初始位置之间的第三距离,基于第一距离、第二距离和第三距离,获得进度调整位置相对于初始位置的相对角度。
在一个实施例中,语音定位单元还用于当进度调整位置所在的象限为第一象限或第四象限,将相对角度作为进度调整位置相对于初始位置的移动角度。
在一个实施例中,语音定位单元还用于当进度调整位置所在的象限为第二象限或第三象限,将预配置角度与相对角度的角度差值作为进度调整位置相对于初始位置的移动角度。
在一个实施例中,基于语音消息的交互装置还包括播放中断处理模块,播放中断处理模块用于在语音消息的播放过程中,响应于语音消息的播放中断事件,显示身份标识图标和第一磁带卷盘,且第一磁带卷盘的厚度与语音消息的消息时长正相关,并触发停止播放 语音消息。
在一个实施例中,播放中断处理模块还用于响应于语音消息的播放中断事件,显示身份标识图标或第一磁带卷盘中至少一者转动,且第一磁带卷盘的厚度逐渐增大,且第一磁带卷盘的厚度的增大程度与语音消息的已播放进度正相关,并触发停止播放语音消息,响应于语音消息的中断结束事件,显示第一磁带段的第一端从身份标识图标向第一磁带卷盘移动,当第一磁带段的第一端移动到第一磁带卷盘处,显示第一磁带卷盘,且第一磁带卷盘的厚度与语音消息的消息时长正相关。
上述基于语音消息的交互装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中,也可以以软件形式存储于计算机设备中的存储器中,以便于处理器调用执行以上各个模块对应的操作。
在一个实施例中,提供了一种计算机设备,该计算机设备可以是终端,其内部结构图可以如图34所示。该计算机设备包括处理器、存储器、输入/输出接口、通信接口、显示单元和输入装置。其中,处理器、存储器和输入/输出接口通过***总线连接,通信接口、显示单元和输入装置通过输入/输出接口连接到***总线。其中,该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作***和计算机可读指令。该内存储器为非易失性存储介质中的操作***和计算机可读指令的运行提供环境。该计算机设备的输入/输出接口用于处理器与外部设备之间交换信息。该计算机设备的通信接口用于与外部的终端进行有线或无线方式的通信,无线方式可通过WIFI、移动蜂窝网络、NFC(近场通信)或其他技术实现。该计算机可读指令被处理器执行时以实现一种基于语音消息的交互方法。该计算机设备的显示单元用于形成视觉可见的画面,可以是显示屏、投影装置或虚拟现实成像装置,显示屏可以是液晶显示屏或电子墨水显示屏,该计算机设备的输入装置可以是显示屏上覆盖的触摸层,也可以是计算机设备外壳上设置的按键、轨迹球或触控板,还可以是外接的键盘、触控板或鼠标等。
本领域技术人员可以理解,图34中示出的结构,仅仅是与本申请方案相关的部分结构的框图,并不构成对本申请方案所应用于其上的计算机设备的限定,具体的计算机设备可以包括比图中所示更多或更少的部件,或者组合某些部件,或者具有不同的部件布置。
在一个实施例中,还提供了一种计算机设备,包括存储器和处理器,存储器中存储有计算机可读指令,该处理器执行计算机可读指令时实现上述各方法实施例中的步骤。
在一个实施例中,提供了一种计算机可读存储介质,其上存储有计算机可读指令,该计算机可读指令被处理器执行时实现上述各方法实施例中的步骤。
在一个实施例中,提供了一种计算机程序产品,包括计算机可读指令,该计算机可读指令被处理器执行时实现上述各方法实施例中的步骤。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机可读指令来指令相关的硬件来完成,所述的计算机可读指令可存储于一非易失性计算机可读取存储介质中,该计算机可读指令在执行时,可包括如上述各方法的实施例的流程。其中,本申请所提供的各实施例中所使用的对存储器、数据库或其它介质的任何引用,均可包括非易失性和易失性存储器中的至少一种。非易失性存储器可包括只读存储器(Read-Only Memory,ROM)、磁带、软盘、闪存、光存储器、高密度嵌入式非易失性存储器、阻变存储器(ReRAM)、磁变存储器(Magnetoresistive Random Access Memory,MRAM)、铁电存储器(Ferroelectric Random Access Memory,FRAM)、相变存储器(Phase Change Memory,PCM)、石墨烯存储器等。易失性存储器可包括随机存取存储器(Random Access Memory,RAM)或外部高速缓冲存储器等。作为说明而非局限,RAM可以是多种形式,比如静态随机存取存储器(Static Random Access Memory,SRAM)或动态随机存取存储器(Dynamic Random Access Memory,DRAM)等。本申请所提供的各实施例中所涉及的数据库可包括关系型数据库和非关系型数据库中至少一种。非关系型数据库可包括基于区块链的分布式数据库等,不限于此。本申请所提供的各实施例中所涉及的处理器可为通用处理器、中央处理器、图形处理器、数字信号处理器、可编程逻辑器、基于量子计算的数据处理逻辑器等,不限于此。
以上所述实施例的各技术特征可以进行任意的组合,为使描述简洁,未对上述实施例中的各个技术特征所有可能的组合都进行描述,然而,只要这些技术特征的组合不存在矛 盾,都应当认为是本说明书记载的范围。
以上所述实施例仅表达了本申请的几种实施方式,其描述较为具体和详细,但并不能因此而理解为对申请专利范围的限制。应当指出的是,对于本领域的普通技术人员来说,在不脱离本申请构思的前提下,还可以做出若干变形和改进,这些都属于本申请的保护范围。因此,本申请专利的保护范围应以所附权利要求为准。

Claims (23)

  1. 一种基于语音消息的交互方法,其特征在于,由计算机设备执行,所述方法包括:
    显示语音消息的消息气泡和相应的身份标识图标;
    响应于所述语音消息的播放触发事件,在所述消息气泡处显示第一磁带卷盘,显示第一磁带段的第二端连接所述第一磁带卷盘,显示所述第一磁带段的第一端向所述身份标识图标移动,并触发播放所述语音消息;
    在所述语音消息的播放过程中,显示所述第一磁带卷盘或所述身份标识图标中至少一者转动,且所述第一磁带卷盘的厚度随着所述语音消息的播放进度逐渐减小,且在所述播放过程的至少一部分时段内显示连接所述身份标识图标和所述第一磁带卷盘的第一磁带段;及
    响应于所述语音消息的播放结束事件,取消显示所述第一磁带卷盘;随着取消显示所述第一磁带卷盘,显示所述第一磁带段的第二端从所述第一磁带卷盘处向所述身份标识图标移动,直到所述第一磁带段的第二端移动到所述身份标识图标处,取消显示所述第一磁带段。
  2. 根据权利要求1所述的方法,其特征在于,所述显示语音消息的消息气泡和相应的身份标识图标包括:
    响应于语音消息录制事件,显示身份标识图标以及第二磁带卷盘,并触发录制所述语音消息;
    在所述语音消息的录制过程中,显示所述第二磁带卷盘或所述身份标识图标中至少一者转动,且所述第二磁带卷盘的厚度随着所述语音消息的录制进度逐渐增大,且在所述录制过程的至少一部分时段内显示连接所述身份标识图标和所述第二磁带卷盘的第二磁带段;及
    响应于语音消息录制结束事件,取消显示所述第二磁带卷盘,显示所述语音消息的消息气泡。
  3. 根据权利要求2所述的方法,其特征在于,所述响应于语音消息录制事件,显示身份标识图标以及第二磁带卷盘,并触发录制所述语音消息包括:
    响应于语音消息录制事件,显示身份标识图标和录制气泡,显示第二磁带段的第一端连接所述身份标识图标,显示所述第二磁带段的第二端从所述身份标识图标向所述录制气泡移动,并触发录制所述语音消息;及
    当所述第二磁带段的第二端与所述录制气泡连接,在所述录制气泡处显示第二磁带卷盘。
  4. 根据权利要求2所述的方法,其特征在于,所述响应于语音消息录制结束事件,取消显示所述第二磁带卷盘,显示所述语音消息的消息气泡包括:
    响应于语音消息录制结束事件,显示所述第二磁带段的第一端从所述身份标识图标向所述第二磁带卷盘移动;及
    当所述第二磁带段的第一端移动到所述第二磁带卷盘处,取消显示所述第二磁带卷盘,显示所述语音消息的消息气泡。
  5. 根据权利要求3或4所述的方法,其特征在于,在所述语音消息的录制过程中,所述第二磁带卷盘的外轮廓与所述录制气泡的外轮廓一致,所述第二磁带卷盘的内部显示所述录制气泡的一部分,且显示的录制气泡的所述一部分随着所述录制进度逐渐减小。
  6. 根据权利要求5所述的方法,其特征在于,所述第二磁带卷盘和所述录制气泡均为圆形,且所述第二磁带卷盘的圆心和所述录制气泡的圆心一致;在所述语音消息开始录制前,所述第二磁带卷盘被所述录制气泡覆盖,且所述第二磁带卷盘处于不可见状态;当所述第二磁带段的第二端与所述录制气泡连接,所述录制气泡的半径随着所述语音消息的录制进度逐渐减小,且所述第二磁带卷盘处于可见状态。
  7. 根据权利要求1所述的方法,其特征在于,在所述语音消息的播放过程中,所述第一磁带卷盘的外轮廓与所述消息气泡的外轮廓一致,所述第一磁带卷盘的内部显示所述消息气泡的一部分,且显示的消息气泡的所述一部分随着所述播放进度逐渐增大。
  8. 根据权利要求7所述的方法,其特征在于,所述第一磁带卷盘和所述消息气泡均为圆形,且所述第一磁带卷盘的圆心和所述消息气泡的圆心一致;在所述消息气泡处显示所述第一磁带卷盘时,所述消息气泡的半径逐渐减小,且所述消息气泡的半径的减小程度与所述语音消息的消息时长正相关;当所述第一磁带段的第一端与所述身份标识图标连接, 所述消息气泡的半径随着所述语音消息的播放进度逐渐增大。
  9. 根据权利要求1所述的方法,其特征在于,所述播放触发事件包括倍速播放事件;所述响应于所述语音消息的播放触发事件,在所述消息气泡处显示第一磁带卷盘,显示第一磁带段的第二端连接所述第一磁带卷盘,显示所述第一磁带段的第一端向所述身份标识图标移动,并触发播放所述语音消息包括:
    响应于所述语音消息的倍速播放事件,在所述消息气泡处显示第一磁带卷盘,显示第一磁带段的第二端连接所述第一磁带卷盘,显示所述第一磁带段的第一端向所述身份标识图标移动,并按照所述倍速播放事件相应的倍速播放所述语音消息。
  10. 根据权利要求1所述的方法,其特征在于,所述方法还包括:
    在所述语音消息的播放过程中,响应于所述语音消息的倍速播放事件,在所述消息气泡处显示第一磁带卷盘,并按照所述倍速播放事件相应的倍速播放所述语音消息。
  11. 根据权利要求9或10所述的方法,其特征在于,所述按照所述倍速播放事件相应的倍速播放所述语音消息包括:
    调用所述倍速播放事件的回调函数,通过所述回调函数修改语音播放速度属性;及
    按照修改后的语音播放速度属性相应的播放速度播放所述语音消息。
  12. 根据权利要求1所述的方法,其特征在于,所述播放触发事件包括语音定位事件,所述响应于所述语音消息的播放触发事件,在所述消息气泡处显示第一磁带卷盘,显示第一磁带段的第二端连接所述第一磁带卷盘,显示所述第一磁带段的第一端向所述身份标识图标移动,并触发播放所述语音消息包括:
    响应于所述语音消息的语音定位事件,在所述消息气泡处显示第一磁带卷盘以及当前播放进度;
    响应于对所述语音消息的播放进度调整事件,在所述消息气泡处显示播放进度调整事件指示的定位播放进度,显示第一磁带段的第二端连接所述第一磁带卷盘,显示所述第一磁带段的第一端向所述身份标识图标移动;及
    触发从所述语音消息的定位播放进度起播放所述语音消息。
  13. 根据权利要求1所述的方法,其特征在于,所述方法还包括:
    在所述语音消息的播放过程中,响应于所述语音消息的语音定位事件,在所述消息气泡处显示第一磁带卷盘以及当前播放进度;
    响应于对所述语音消息的播放进度调整事件,在所述消息气泡处显示播放进度调整事件指示的定位播放进度;及
    触发从所述语音消息的定位播放进度起播放所述语音消息。
  14. 根据权利要求12或13所述的方法,其特征在于,所述响应于对所述语音消息的播放进度调整事件,在所述消息气泡处显示播放进度调整事件指示的定位播放进度包括:
    响应于对所述语音消息的播放进度调整事件,获取进度调整位置;
    基于当前播放进度相应的初始位置、所述消息气泡的中心点位置以及所述进度调整位置,获得所述进度调整位置相对于所述初始位置的移动角度;
    根据所述移动角度以及所述语音消息的消息时长,确定播放进度调整事件指示的定位播放进度;及
    在所述消息气泡处显示播放进度调整事件指示的定位播放进度。
  15. 根据权利要求14所述的方法,其特征在于,所述响应于对所述语音消息的播放进度调整事件,获取进度调整位置包括:
    响应于对所述语音消息的播放进度调整事件,记录所述播放进度调整事件相应的触摸点移动轨迹;及
    响应于对所述语音消息的进度调整结束事件,将所述触摸点移动轨迹中最后触摸点作为进度调整位置。
  16. 根据权利要求14所述的方法,其特征在于,所述基于当前播放进度相应的初始位置、所述消息气泡的中心点位置以及所述进度调整位置,获得所述进度调整位置相对于所述初始位置的移动角度包括:
    基于当前播放进度相应的初始位置、所述消息气泡的中心点位置以及所述进度调整位置,获得所述进度调整位置相对于所述初始位置的相对角度;
    比对所述中心点位置的第一坐标和所述进度调整位置的第二坐标,确定所述进度调整位置所在象限,所述象限以所述中心点位置为中心;及
    根据所述进度调整位置所在的象限和所述相对角度,获得所述进度调整位置相对于所述初始位置的移动角度。
  17. 根据权利要求16所述的方法,其特征在于,所述基于当前播放进度相应的初始位置、所述消息气泡的中心点位置以及所述进度调整位置,获得所述进度调整位置相对于所述初始位置的相对角度包括:
    获得当前播放进度相应的初始位置和所述消息气泡的中心点位置之间的第一距离、所述进度调整位置和所述中心点位置之间的第二距离以及所述进度调整位置和所述初始位置之间的第三距离;及
    基于所述第一距离、所述第二距离和所述第三距离,获得所述进度调整位置相对于所述初始位置的相对角度。
  18. 根据权利要求1所述的方法,其特征在于,所述方法还包括:
    在所述语音消息的播放过程中,响应于所述语音消息的播放中断事件,显示所述身份标识图标和所述第一磁带卷盘,且所述第一磁带卷盘的厚度与所述语音消息的消息时长正相关,并触发停止播放所述语音消息。
  19. 根据权利要求18所述的方法,其特征在于,所述响应于所述语音消息的播放中断事件,显示所述身份标识图标和所述第一磁带卷盘,且所述第一磁带卷盘的厚度与所述语音消息的消息时长正相关,并触发停止播放所述语音消息包括:
    响应于所述语音消息的播放中断事件,显示所述身份标识图标或所述第一磁带卷盘中至少一者转动,且所述第一磁带卷盘的厚度逐渐增大,且所述第一磁带卷盘的厚度的增大程度与所述语音消息的已播放进度正相关,并触发停止播放所述语音消息;
    响应于所述语音消息的中断结束事件,显示所述第一磁带段的第一端从所述身份标识图标向所述第一磁带卷盘移动;及
    当所述第一磁带段的第一端移动到所述第一磁带卷盘处,显示所述第一磁带卷盘,且所述第一磁带卷盘的厚度与所述语音消息的消息时长正相关。
  20. 一种基于语音消息的交互装置,其特征在于,所述装置包括:
    语音消息显示模块,用于显示语音消息的消息气泡和相应的身份标识图标;
    磁带卷盘显示模块,用于响应于所述语音消息的播放触发事件,在所述消息气泡处显示第一磁带卷盘,显示第一磁带段的第二端连接所述第一磁带卷盘,显示所述第一磁带段的第一端向所述身份标识图标移动,并触发播放所述语音消息;
    语音播放显示模块,用于在所述语音消息的播放过程中,显示所述第一磁带卷盘或所述身份标识图标中至少一者转动,且所述第一磁带卷盘的厚度随着所述语音消息的播放进度逐渐减小,且在所述播放过程的至少一部分时段内显示连接所述身份标识图标和所述第一磁带卷盘的第一磁带段;及
    处理模块,用于响应于所述语音消息的播放结束事件,取消显示所述第一磁带卷盘;随着取消显示所述第一磁带卷盘,显示所述第一磁带段的第二端从所述第一磁带卷盘处向所述身份标识图标移动,直到所述第一磁带段的第二端移动到所述身份标识图标处,取消显示所述第一磁带段。
  21. 一种计算机设备,包括存储器和处理器,所述存储器存储有计算机可读指令,其特征在于,所述处理器执行所述计算机可读指令时实现权利要求1至19中任一项所述的方法的步骤。
  22. 一种计算机可读存储介质,其上存储有计算机可读指令,其特征在于,所述计算机可读指令被处理器执行时实现权利要求1至19中任一项所述的方法的步骤。
  23. 一种计算机程序产品,包括计算机可读指令,其特征在于,该计算机可读指令被处理器执行时实现权利要求1至19中任一项所述的方法的步骤。
PCT/CN2023/088259 2022-09-02 2023-04-14 基于语音消息的交互方法、装置、计算机设备和存储介质 WO2024045628A1 (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
US18/434,768 US20240176627A1 (en) 2022-09-02 2024-02-06 Voice message interaction display

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202211070736.7A CN117014397A (zh) 2022-09-02 2022-09-02 基于语音消息的交互方法、装置、计算机设备和存储介质
CN202211070736.7 2022-09-02

Related Child Applications (1)

Application Number Title Priority Date Filing Date
US18/434,768 Continuation US20240176627A1 (en) 2022-09-02 2024-02-06 Voice message interaction display

Publications (1)

Publication Number Publication Date
WO2024045628A1 true WO2024045628A1 (zh) 2024-03-07

Family

ID=88566093

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2023/088259 WO2024045628A1 (zh) 2022-09-02 2023-04-14 基于语音消息的交互方法、装置、计算机设备和存储介质

Country Status (3)

Country Link
US (1) US20240176627A1 (zh)
CN (1) CN117014397A (zh)
WO (1) WO2024045628A1 (zh)

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102831912A (zh) * 2012-08-10 2012-12-19 上海量明科技发展有限公司 显示音频消息播放进度的方法、客户端及***
CN103970477A (zh) * 2014-04-30 2014-08-06 华为技术有限公司 控制语音消息的方法和设备
CN110365574A (zh) * 2019-05-24 2019-10-22 珠海格力电器股份有限公司 一种语音信息的播放方法、装置及存储介质
KR20200023814A (ko) * 2018-08-27 2020-03-06 주식회사 닫닫닫 비동기적 인스턴트 메시지 서비스를 제공하기 위한 장치, 방법 및 컴퓨터 판독가능 저장 매체

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102831912A (zh) * 2012-08-10 2012-12-19 上海量明科技发展有限公司 显示音频消息播放进度的方法、客户端及***
CN103970477A (zh) * 2014-04-30 2014-08-06 华为技术有限公司 控制语音消息的方法和设备
KR20200023814A (ko) * 2018-08-27 2020-03-06 주식회사 닫닫닫 비동기적 인스턴트 메시지 서비스를 제공하기 위한 장치, 방법 및 컴퓨터 판독가능 저장 매체
CN110365574A (zh) * 2019-05-24 2019-10-22 珠海格力电器股份有限公司 一种语音信息的播放方法、装置及存储介质

Also Published As

Publication number Publication date
US20240176627A1 (en) 2024-05-30
CN117014397A (zh) 2023-11-07

Similar Documents

Publication Publication Date Title
US20200167061A1 (en) Display device and method of controlling the same
US9684434B2 (en) System and method for displaying a user interface across multiple electronic devices
CN109102560B (zh) 三维模型渲染方法及装置
CN113094135B (zh) 页面显示控制方法、装置、设备及存储介质
EP3454199B1 (en) Method for responding to touch operation and electronic device
US20150186571A1 (en) Methods and systems of providing items to customers via a network
JP2010511228A (ja) 3d面上の2dコンテンツとのインタラクト
WO2022242379A1 (zh) 笔画渲染方法、装置、存储介质以及终端
CA2806906C (en) System and method for displaying a user interface across multiple electronic devices
CN113926190A (zh) 游戏编辑器中三维模型的控制方法、装置及存储介质
WO2024045628A1 (zh) 基于语音消息的交互方法、装置、计算机设备和存储介质
US20130342453A1 (en) Method for displaying a stereoscopic cursor among stereoscopic objects
US20150373178A1 (en) Visual voice mail application variations
WO2022237083A1 (zh) 信息显示方法、装置、终端、存储介质及计算机程序产品
CN115457181A (zh) 粒子特效渲染方法、装置、计算机设备及存储介质
JP7497908B2 (ja) 情報表示方法、装置、端末、及びコンピュータプログラム
KR102276789B1 (ko) 동영상 편집 방법 및 장치
CN111654737B (zh) 节目同步管理方法和装置
CN113487704A (zh) 一种燕尾箭头标的绘制方法、装置、存储介质及终端设备
WO2022062899A1 (zh) 基于vr场景的视频预览方法、电子设备和存储介质
KR20230157692A (ko) 영상 콘텐츠 내 사용자 감정표현 표시 방법 및 장치
WO2020135143A1 (zh) 应用性能管理信息的展示方法及装置、设备、存储介质
CN116943180A (zh) 一种控件交互方法及相关装置
JP2014224934A (ja) 情報処理装置及びプログラム
CN116126133A (zh) 虚拟对象的交互方法、装置、设备、存储介质和程序产品

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 23858669

Country of ref document: EP

Kind code of ref document: A1