CN114970449B - 一种应用于同屏交流的字体处理方法 - Google Patents

一种应用于同屏交流的字体处理方法 Download PDF

Info

Publication number
CN114970449B
CN114970449B CN202210798237.3A CN202210798237A CN114970449B CN 114970449 B CN114970449 B CN 114970449B CN 202210798237 A CN202210798237 A CN 202210798237A CN 114970449 B CN114970449 B CN 114970449B
Authority
CN
China
Prior art keywords
font
width
display
content
screen communication
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
CN202210798237.3A
Other languages
English (en)
Other versions
CN114970449A (zh
Inventor
姜波
路玉太
韩文博
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Qingdao Hope Bird Technology Co ltd
Original Assignee
Qingdao Hope Bird Technology Co ltd
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 Qingdao Hope Bird Technology Co ltd filed Critical Qingdao Hope Bird Technology Co ltd
Priority to CN202210798237.3A priority Critical patent/CN114970449B/zh
Publication of CN114970449A publication Critical patent/CN114970449A/zh
Application granted granted Critical
Publication of CN114970449B publication Critical patent/CN114970449B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00Handling natural language data
    • G06F40/10Text processing
    • G06F40/103Formatting, i.e. changing of presentation of documents
    • G06F40/109Font handling; Temporal or kinetic typography
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00Handling natural language data
    • G06F40/10Text processing
    • G06F40/103Formatting, i.e. changing of presentation of documents
    • G06F40/106Display of layout of documents; Previewing

Abstract

本申请提供一种应用于同屏交流的字体处理方法,涉及互联网通信领域,方法包括:在同屏交流客户端,设置同屏交流目标内容的显示字体为预设的等宽字体,加载该预设的等宽字体并使用其在同屏交流客户端本地执行显示计算输出所述目标内容。或者,在服务端生成用于同屏交流的发送内容时,设置该发送内容的显示字体为预设的等宽字体,以使同屏交流客户端在本地显示所接收的发送内容时使用服务端预设的等宽字体。可见,本发明实施例动态处理同屏交流目标内容的显示字体,使参与同屏交流的各终端在同屏交流中字符显示效果完全保持一致,有效避免因字体造成的显示差异问题,同步涂鸦、标记无误差,确保同屏交流显示效果。

Description

一种应用于同屏交流的字体处理方法
技术领域
本发明实施例涉及互联网通信领域,尤其涉及一种应用于同屏交流的字体处理方法。
背景技术
非视频类的同屏交流技术,通过在每个同屏交流客户端同步显示交流目标内容实现同步效果,相较于视频类同屏交流技术,具有传输数据量小、速度快、画质无损的显著优势,其核心在于通过同屏交流客户端本地计算与显示目标内容。但由于设备、系统等存在差异,在固定窗口大小或比例的基础上,仍可能产生不同的显示效果,如图8所示,在标记处的字符位置、换行均存在差异,如此,交流者双方如执行同步涂鸦,所标记的字符不同,导致较差的用户体验、影响交流质量。另外,随着设备、操作系统、浏览器的增多,这一问题更为突出。
因此,非视频类的同屏交流技术存在的以上问题亟需解决。
发明内容
针对上述问题,本发明提供一种应用于同屏交流的字体处理方法,旨在解决非视频类同屏交流技术中存在的字符显示差异问题,进一步提升非视频类同屏交流技术的应用效果。本发明提供的技术方案如下:
第一方面,本申请提供了一种应用于同屏交流的字体处理方法,所述方法应用于同屏交流客户端,所述方法包括:
进入同屏交流并获取目标内容,设置所述目标内容的显示字体为预设的等宽字体,加载所述等宽字体,使用所述等宽字体在所述同屏交流客户端本地执行所述目标内容的显示计算,输出所述目标内容,所述目标内容为所述同屏交流客户端在同屏交流中显示的内容。
以上实现方式,利用等宽字体在不同设备、系统等上的显示一致性,在同屏交流客户端动态设置目标内容的字体为指定的等宽字体,获得客户端间显示一致的效果。
在一种可能的实现方式中,所述同屏交流客户端加载所述目标内容,动态设置所述目标内容的显示字体为预设的等宽字体,设置方法包括但不限于修改CSS样式中的字体、设置标签的字体属性、定义预设的等宽字体中的一种或者多种。
在一种可能的实现方式中,所述同屏交流客户端首先获取所述目标内容的当前字体,然后,对当前字体的类型进行判断,确定所述当前字体的类型为等宽字体时,加载所述等宽字体并使用其在所述同屏交流客户端本地执行所述目标内容的显示计算并输出显示内容;当确定所述当前字体的类型为非等宽字体时,设置所述目标内容的显示字体为所述预设的等宽字体,在所述同屏交流客户端本地执行所述目标内容的显示计算并输出显示内容。通过该实现方式,在所述目标内容的创建者预先设置等宽字体的情况下,在同屏交流中不改变其指定的字体显示效果。
在一种可能的实现方式中,设定所述目标内容的显示字体的第一优先字体为所述预设的等宽字体,保留使用原有的字体为其它优先字体。
在一种可能的实现方式中,为所述目标内容设定预设的等宽字体,所述预设的等宽字体仅包括指定的字符集合,在显示所述目标内容时,其中包含于所述指定的字符集合的字符使用所述预设的等宽字体显示,未包含于所述指定的字符集合的字符使用原有字体显示。该实现方式有利于控制所述预设的等宽字体的文件大小,利于网络传输。
在另一种可能的实现方式中,基于所述目标内容包含的字符集合或所述目标内容对应的网络地址生成网络请求向服务端发送,接收所述服务端返回的等宽字体,设置所述目标内容的显示字体为所述等宽字体。该实现方式中,基于目标内容包含的字符集合生成网络请求向服务端发送,即告知服务端本次使用的字符内容,由服务端计算返回相应的等宽字体。基于所述目标内容对应的网络地址生成网络请求向服务端发送,即告知服务端同屏交流的目标网址,由服务器根据该网址获取字符集合并计算返回相应的等宽字体。
通过以上各实现方式,实现了同屏交流客户端进入同屏交流后,使用等宽字体显示目标内容的目的,在固定窗口大小或比例的前提下,可获得完全相同的显示效果。
第二方面,本申请还提供了另一种应用于同屏交流的字体处理方法,所述方法应用于服务端,所述方法包括:
在服务端,生成用于同屏交流的发送内容,设置所述发送内容的显示字体为预设的等宽字体,其中,所述发送内容用于向同屏交流客户端发送,并由所述同屏交流客户端接收,基于所述等宽字体在所述同屏交流客户端本地执行所述发送内容的显示计算,输出所述发送内容。
通过该实现方式,在服务端向同屏交流客户端发送所述发送内容之前,首先对其进行处理,执行使用指定的等宽字体的相关设置,以在客户端显示同屏交流目标内容时采用该等宽字体。
在一种可能的实现方式中,在服务端设置所述发送内容的显示字体之前,首先获取该目标内容的当前字体,然后,对当前字体进行判断,确定所述当前字体的类型为非等宽字体时,设置所述发送内容的显示字体为预设的等宽字体。
在一种可能的实现方式中,在服务端设置所述发送内容的显示字体,设定所述发送内容的显示字体的第一优先字体为预设的等宽字体,保留使用原有的字体为其它优先字体。
在一种可能的实现方式中,在服务端设置所述发送内容的显示字体为预设的等宽字体,所述预设的等宽字体仅包括指定的字符集合。该实现方式有利于控制所述预设的等宽字体的文件大小,利于网络传输。
在另一种可能的实现方式中,在服务端基于所述发送内容包含的字符集合生成包含所述字符集合的等宽字体,设置所述发送内容的显示字体为所述等宽字体。该实现方式基于在同屏交流中使用的字符集合生成相应的等宽字体,同样有利于减小字体文件大小,提高传输效率。
通过在服务端的各实现方式,根据服务端最终提供的发送内容,在同屏交流客户端固定窗口大小或比例的前提下,接收与显示所述发送内容,可获得完全相同的显示效果。
通过以上实现方式,在两个同屏交流客户端固定窗口大小或比例的基础上,最终可获得的交流显示效果如图9所示,两同屏交流客户端显示的字符内容中,字符位置、换行等均保持一致,由此可获得完全相同的交流画面,且不受设备、操作系统等影响,交流者执行同步涂鸦,所标记的位置无错位问题,从而有效提高了非视频类同屏交流技术的交流质量,提升用户体验。
附图说明
图1为本申请实施例提供的一种应用于同屏交流的在客户端执行的字体处理流程示意图;
图2为本申请实施例提供的一种在客户端设置等宽字体的流程示意图;
图3为本申请实施例提供的一种在客户端显示字符的流程示意图;
图4为本申请实施例提供的一种向服务端请求并设置等宽字体的流程示意图;
图5为本申请实施例提供的一种应用于同屏交流的在服务端执行的字体处理流程示意图;
图6为本申请实施例提供的一种在服务端设置等宽字体的流程示意图;
图7为本申请实施例提供的一种在服务端生成等宽字体的流程示意图;
图8为现有非视频类同屏交流技术在不同设备和系统下的同步画面及字符显示效果示意图;
图9为本申请实施例实现的在不同设备和系统下的同步画面及字符显示效果示意图。
具体实施方式
本申请的实施方式部分仅用于对本申请进行解释,而非旨在限制本申请。
以下,对本申请的实施例进行描述,显然,所描述的实施例仅仅是本申请一部分的实施例,而不是全部的实施例。本领域普通技术人员可知,随着技术的发展和新场景的出现,本申请实施例提供的技术方案对于类似的技术问题,同样适用。
现有的同屏交流技术,可分为视频类同屏方式、非视频类同屏方式。例如视频会议系统等为视频类同屏方式,该方式通过传输视频图片数据实现同步,传输数据量大,在网络传输前通常进行压缩处理,画质有损;非视频类同屏方式为一种新型的同屏交流方式,其通过传输程序数据与指令实现同步,在即每个同屏交流客户端利用本地能力计算与显示内容,该种同屏交流方式不需要传输大量的视频图片数据,具有数据小、画质无损的明显优势,但由于每个客户端独立计算显示内容,各终端之间文字显示差异也是普遍问题,其运行效果很难保持一致,例如,使用两个手机设备(显示尺寸或比例相同)浏览某相同网页,极易出现如图8所示的字符显示位置差异的问题。
在现有的字体中,比例字体(Proportional font)是每个字母宽度是按一定比例自动调整的字体,而等宽字体(Monospaced Font)则是宽度、间距固定的字体,即每一个字母和字符所占的水平空间都相同。从阅读上看,显然比例字体使单词的整体可读性增强,随着图形用户界面主流的更新和电脑技术的提高,人们处理比例字体的局限性得到了突破,因此排版上显得比较自然的比例字体的使用已相当普及。经分析,导致图8所示的字符显示位置差异的问题原因在于:不同设备、操作系统等对某些字符的比例字体显示存在差异。而等宽字体具有相同的宽度字符,拥有较高的统一性和一致性,因此,在同屏交流过程中,将所使用的字体动态设置为等宽字体,可以有效的解决以上问题。
下面采用几个具体实施例对本发明的技术方案进行详细说明。
实施例一
图1示出了一种可能的应用于同屏交流的字体处理流程,在同屏交流客户端中执行,主要步骤包括:S101,设置目标内容的显示字体为预设的等宽字体,S102,加载所述等宽字体,使用所述等宽字体在所述同屏交流客户端本地执行所述目标内容的显示计算,输出所述目标内容。其中,所述目标内容为在同屏交流过程中,由每个同屏交流客户端显示的内容,也即:同屏交流目标内容。
需要说明的是,本申请实施例不对同屏交流客户端的程序类型进行特别限定,如网页程序、APP程序、窗口程序、小程序等均可按照本申请的步骤实施。
以网页程序为例,目标内容即为网页内容,如HTML等,S101设置目标内容的显示字体,例如,通过以下说明定义字体:
@font-face{font-family:MyDKfontName;src:url(MyDKfont.otf);}
其中,font-family定义的是字体族,可包括一个或多个字体,此处仅定义了MyDKfontName一个字体,src表示字体的存放地址,其中包括文件名MyDKfont.otf,根据本申请实现原理,其为一种等宽字体。
在网页中使用以上字体,只需要在HTML标签的font-family属性中赋值MyDKfontName即可,例如:
h3{ font-family: MyDKfontName;}
以上h3样式为使用该样式显示的字符指定MyDKfontName字体。
在以上实现方式中,S101设置网页内容的字体为预设的等宽字体MyDKfontName,S102加载该字体并使用其显示网页文字内容。
需要说明的是,以上举例通过在网页中自定义字体的方式说明本申请实现原理,在具体的实施场景中还存在多种指定字体的方式,故不应因以上举例而限制本申请。
优选的,在具体的实施场景中,通过在所述同屏交流客户端中加载用于实现本申请功能的程序,以实现设置目标内容的显示字体的功能,例如,在结合网页类型的同屏交流客户端实施时,在网页中引入指定的JS库,所述JS库包含本申请的设置等宽字体等功能,结合以上举例,在其加载后,在网页中增加自定义字体(即预设的等宽字体),加载所述自定义字体,并修改网页样式、标签属性等使用所述自定义字体。可选的,在所述同屏交流客户端进入同屏交流后,加载所述用于实现本申请功能的程序,如在网页进入同屏交流后,加载上述JS库程序,即在网页进入同屏交流后,将网页字符使用指定的等宽字体显示。可选的,在以上网页退出同屏交流后,恢复使用原字体显示网页内容,即在退出同屏交流后,移除以上自定义字体,恢复网页样式、标签属性并使用原字体。以上实现方式在网页中引入JS库修改字体,有利于本申请在网页类型的同屏交流客户端快速实施。
可选的,所述同屏交流客户端加载所述目标内容,动态设置所述目标内容的显示字体为预设的等宽字体,设置方法包括但不限于修改CSS样式、设置标签的字体属性、定义预设的等宽字体中的一种或者多种。以上动态设置过程例如,首先加载目标内容,在所述目标内容加载完成后,设置目标内容的CSS样式字体属性或标签的字体属性;又如,首先获取加载的目标内容,在目标内容显示前,查找目标内容中与字体相关的设置数据,并根据预设的等宽字体,对该类设置数据进行设置,同样包括CSS样式中的字体属性设置、标签的字体属性设置等,在设置完成后显示所述目标内容;再如,加载目标内容网页并在head标签内设置使用预设的等宽字体。以上设置所述目标内容显示字体的方式用于举例,不应因以上举例而限制本申请。可选的,在显示所述目标内容的浏览器中设置为显示字体为预设的等宽字体,例如在chrome浏览器中使用插件Change Font Family Style Extension 设置字体等。
可选的,将所设置的所述预设等宽字体样式的样式优先级设置为最高,如使用“!important”提升该字体样式的优先权。
通过本实施例提供的方法,在同屏交流客户端动态设置目标内容的显示字体为预设的等宽字体,可获得的有益效果是,在参与同屏交流的各客户端,在内容显示窗口大小或比例的一致的情况下,可确保各客户端字符显示位置完全一致,为同步涂鸦、标记提供基础,有效保证同屏交流质量。
实施例二
在一种可能的实现方式中,如图2所示的一种在客户端设置等宽字体的流程示意图,在同屏交流客户端,执行S201,获取目标内容的当前字体,S202,判断当前字体类型,当为等宽字体时,执行S204,加载等宽字体并使用其在同屏交流客户端本地执行显示计算并输出显示内容,否则,当S202判断结果为非等宽字体时,首先执行S203,设置目标内容的显示字体为预设的等宽字体,然后执行S204,加载等宽字体并使用其显示目标内容。
该实现方式提供了一种先判断、后设置的实现方法,例如,目标内容的类型为网页,在网页加载过程中或加载完成后,S201获取网页中使用的字体,可选的,S202通过判断网页中使用的字体是否属于指定的等宽字体集合的方式判断是否为等宽字体。当S202判断为等宽字体时,表示当前字体已符合本申请的字符显示要求,否则,执行S204,例如执行上一实施例中的设置字体步骤。可选的,同样可在网页中引入指定的JS库完成以上判断与设置步骤,实现原理为常用技术,在此不再赘述。
以上实现方式可获得的有益效果是,当目标内容的当前字体为等宽字体时,可避免字体切换、加载等操作,提升运行效率,且利于维持创建者指定的内容显示效果。
实施例三
在同屏交流客户端加载目标内容,通常包括使用多个字体,例如网页使用字体的方式:
@font-face{font-family:"Microsoft YaHei UI",Arial,"Times New Roman";}
以上定义为网页指定了三种字体:Microsoft YaHei UI、Arial、Times NewRoman,在网页加载时,如某网页元素未指明使用哪种字体且在本地存在Microsoft YaHeiUI字体,则优先使用该字体,如不存在Microsoft YaHei UI,则继续判断是否存在Arial,可见,以上字体使用方式存在优先使用顺序。
在一种可能的实现方式中,本申请实施例设定目标内容的显示字体的第一优先字体为预设的等宽字体,保留使用原有的字体为其它优先字体。例如,将以上字体定义的font-family属性按以下设置:
font-family: MyDKfontName, "Microsoft YaHei UI",Arial,"Times NewRoman";
且相应设置字体文件路径等,其中,MyDKfontName为所述预设的等宽字体,且设置为第一优先顺序。经以上设置后,则在客户端显示字符的处理流程如图3所示,S301,读入字符,S302,查找第一优先字体中是否存在该字符,当存在时执行S303,使用第一优先字体显示字符,否则,执行S304,使用原有字体显示字符。可选的,将font-family属性设置为“MyDKfontName”,完全限定网页仅使用预设的等宽字体。可选的,判断font-family属性指定的字体族中是否包含等宽字体,当存在一等宽字体时,调整其优先顺序,将其设置为第一优先使用字体。
可选的,本申请实施例根据每个同屏交流客户端加载的字体选择字体的优先顺序,例如,目标内容的创建者指定按照Microsoft YaHei UI、Arial、Times New Roman优先顺序在本地查找字体并使用,同屏交流客户端1本地存在Microsoft YaHei UI、Arial字体,而同屏交流客户端2本地不存在Microsoft YaHei UI字体,存在Arial字体,则首先获取各同屏交流客户端中存在的字体,向服务端发送,并根据服务端返回结果,将Arial字体的优先级调整为优先于Microsoft YaHei UI字体使用,该实现方式可避免各同屏交流客户端最终使用了不同的字体问题。相同原理,该实现方式同样适用于目标内容的创建者未指定字体,而由各同屏交流客户端默认使用本地字体的情形,确保多个交流客户端使用相同字体生成同屏交流画面。
通过以上实现方式,调整显示字体的优先顺序,在尽可能维持内容创建者指定字体效果的基础上应用等宽字体,实现同屏画面一致性。
实施例四
当页面部署到服务器后,由于字库比较大,如10M的字库在1Mpbs的外网访问带宽下,字体加载需要1分钟以上,这显然是无法接受的,况且,一些中文字体文件可达几十兆。进一步分析字体显示不一致的原因,其主要在于不同设备、操作系统、浏览器对比例字体的处理存在差异,经研究,例如一些中文、日文字体中,由于同时涵盖西文的半形文字字符,因此也含有比例字体,造成一个字体中两种类型混杂的局面,又如Windows Vista的默认字体微软雅黑中,半角的西文部分是比例字体,全角字符是等宽字体。
因此,综合以上,为达到目标内容显示一致的目的,一种可能的实现方式是,为某些指定的字符制作一个特殊的字体,例如对在不同字体中使用比例字体的字符制作一个特殊的字体,该字体的属性为等宽字体,且结合实施例三的实施方式,将该特殊的字体设定为第一优先顺序加载。其中包含于所述指定的字符集合的字符使用所述特殊的字体显示,未包含于所述指定的字符集合的字符使用原有字体显示。该实现方式至少可获得以下有益效果:加载速度快,原因在于其包含的字符非常少,如包含标点符号、数字、字母等,但不包含数量极大的汉字字库等;另外,其仅对能引起显示差异的部分字符进行了字体替换处理,极大程度上维持了内容创建者指定的字体显示效果。
实施例五
在一种可能的实现方式中,如图4所示的向服务端请求并设置等宽字体的流程示意图,S401,基于目标内容包含的字符集合或目标内容对应的网络地址生成网络请求向服务端发送;S402,接收服务端返回的等宽字体,设置目标内容的显示字体为该等宽字体。以上实现方式中,所述同屏交流客户端在进入同屏交流的前后采集所述目标内容包含的字符集合,向服务端发送并请求返回相应的等宽字体,或者,向服务端发送目标内容对应的网络地址,由服务端根据该网址计算所述目标内容包含的字符集合,并生成相应的等宽字体返回。可选的,在其中参与同屏交流的一个所述同屏交流客户端执行以上S401步骤,所有同屏交流客户端执行以上S402步骤。可选的,在所述同屏交流客户端中引入API、库文件等执行以上步骤,如在网页中引入指定的JS库完成以上请求与设置步骤,为本领域技术人员常用手段,在此不再赘述。
以上实现方式可获得的有益效果是,字体文件小,利于网络传输,在服务端有利于对使用的等宽字体进行控制。
以上实施例均采用在同屏交流客户端中的实施方式,另一方面,所述同屏交流目标内容通常为网络返回,因此,在服务端同样可实现对所述同屏交流目标内容的显示字体进行控制,以下实施例详细介绍本申请通过服务端实施的方法。另外需要说明的是,本申请实施例的服务端包括所述同屏交流目标内容提供的服务端、同屏交流服务提供的服务端、字体计算服务等中的一个或多个,本申请不对其形式进行具体限定。
实施例六
如图5所示的一种应用于同屏交流的在服务端执行的字体处理流程示意图,主要步骤为:S501,生成用于同屏交流的发送内容,S502,设置所述发送内容的显示字体为预设的等宽字体,S503,向同屏交流客户端发送所述发送内容。
以上实现方式适用于由服务端提供发送内容的实施场景。所述发送内容用于向同屏交流客户端发送,并由所述同屏交流客户端接收与显示,也即:用于同屏交流的发送内容。例如,所述发送内容为网页,S501生成对应于网页请求的返回内容,S502检测该返回内容中相关使用字体的设置信息,并设置为使用预设的等宽字体,S503向客户端返回后,在同屏交流客户端执行显示,可获得实施例一相同的应用效果。可选的,在S501生成发送内容的同时,设置所述发送内容的显示字体为预设的等宽字体。可选的,在服务端网页服务程序中执行S502步骤。可选的,创建服务程序执行S502步骤,例如使用Servlet过滤器,拦截传出的响应数据,并修改处理web工程中的数据流,使最终传出的目标内容的显示字体为预设的等宽字体。
可选的,在S501之后、S502之前,对所述发送内容的字体先判断、后设置处理,如图6所示的一种在服务端设置等宽字体的流程示意图,S601,获取发送内容的当前字体,执行S602,判断当前字体类型,当所述当前字体类型为等宽字体时,不做任何处理,当所述当前字体的类型为非等宽字体时,执行S603,设置所述发送内容的显示字体为预设的等宽字体。
可选的,S502步骤中,设定所述发送内容的显示字体的第一优先字体为所述预设的等宽字体,保留使用原有的字体为其它优先字体。该实现方式的实现原理与实施例三基本相同,不同之处在于其在服务端对所述发送内容进行处理,在此不再赘述。
可选的,S502设置所述发送内容的显示字体为预设的等宽字体,所述预设的等宽字体可采用仅包括指定的字符集合的字体,其原理可参考实施例四,例如所述预设的等宽字体仅包含标点符号、数字、字母等可能造成显示差异的字体,但不包含数量极大的汉字字库等,相同的,该实现方式具备施例四相关优点,在此不再赘述。
实施例七
如图7所示的一种在服务端生成等宽字体的流程示意图,主要步骤包括:S701,基于所述发送内容包含的字符集合生成包含所述字符集合的等宽字体,S702,设置所述发送内容的显示字体为所述等宽字体。该种实现方式中,S701根据同屏交流待显示的字符集合生成对应的字体,并通过S702设置使用该字体,原理就是,只在字库中保留页面中出现的字符,将其他大量不用的字符删掉,由此大大提高访问速度。例如,以所述发送内容的类型为网页为例,使用font-spider对字库进行压缩处理,此处,font-spider是nodejs下的一插件,其功能是压缩静态页面外部引入的字体,font-spider会自动筛选出对应的字体,将字库中不相关的字统统删掉,这样可以大大减小外部引入字体文件的大小,使用该方式处理,S702中返回的所述等宽字体仅包括所述发送内容中包括的字符,字体文件小、网络传输效率高。
可选的,在同屏交流过程中,存在服务端多次返回所述发送内容的情况,在每一次返回时,生成对应的等宽字体并执行S702设置字体步骤。可选的,在服务端多次返回所述发送内容的情况下,仅生成一个等宽字体并设置所有发送内容使用,在服务端每次返回所述发送内容时,更新该等宽字体,在所述同屏交流客户端更新目标内容时获取并加载该等宽字体。
需要说明的是,在本申请中,所述同屏交流目标内容、所述用于同屏交流的发送内容,不限于一次请求或反应的内容,也不限于全部或部分内容,且本申请不对其形式进行限制,例如在网页中,其既包含HTML页面内容,也包括通过js,ajax,jsonp添加的文字等内容,还包括用户在输入框中输入的内容等。
在一种可能的实现方式中,本申请还提供一种同屏交流客户端,所述同屏交流客户端包括字体处理单元,所述字体处理单元用于读取加载的目标内容,设置所述目标内容的显示字体为预设的等宽字体。可选的,所述字体处理单元还包括字体检测功能,检测所述目标内容的当前字体,当确定所述当前字体的类型为等宽字体时,加载所述等宽字体并使用其显示所述目标内容;当确定所述当前字体的类型为非等宽字体时,设置所述目标内容的显示字体为所述预设的等宽字体。可选的,所述字体检测功能还用于设定所述目标内容的第一优先字体为所述预设的等宽字体。可选的,所述字体处理单元还用于基于所述目标内容包含的字符集合或所述目标内容对应的网络地址生成网络请求向服务端发送,接收所述服务端返回的等宽字体,设置所述目标内容的显示字体为所述等宽字体。
在一种可能的实现方式中,本申请还提供一种网页JS库,所述JS库用于读取加载的网页内容,设置所述网页内容的显示字体为预设的等宽字体。可选的,所述JS库还用于检测所述网页内容的当前字体,当确定其为非等宽字体时,设置所述网页内容的显示字体为预设的等宽字体。可选的,所述JS库还用于设定网页内容的第一优先字体为预设的等宽字体。可选的,所述JS库还用于基于网页内容包含的字符集合或加载的网页内容对应的网址生成网络请求向服务端发送,接收所述服务端返回的等宽字体,设置网页内容的显示字体为所述等宽字体。
需要说明的是,以上本申请的方法实施例中,一些步骤可以被相似的步骤取代,一些步骤可以合并、分解、调整顺序实施,因此,以上实施例并不构成对本申请所提出的一种应用于同屏交流的字体处理方法的限定。
本申请实施例还提供一种计算机程序产品,该计算机程序产品在被一个或多个处理器读取并执行时可实现上述任意一种实施方式提供的方法。
本申请还提供一种计算机可读存储介质,该计算机可读存储介质中存储有软件程序,软件程序在被一个或多个处理器读取并执行上述任一实施例的应用于同屏交流的字体处理方法的步骤。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,该计算机程序可存储于一计算机可读取存储介质中,该程序在执行时,可包括如上述各方法的实施例的流程。其中,前述的存储介质可为磁碟、光盘、只读存储记忆体(Read-Only Memory,ROM)等非易失性存储介质,或随机存储记忆体(Random Access Memory,RAM)等。
综合以上,本申请使用在同屏交流中设置等宽字体这一技术,实现了非视频类同屏交流的各交流终端显示效果完全一致的技术效果。本申请实施例所产生的有益效果可归纳为:使同屏交流中的每个同屏交流客户端字符位置、换行等保持一致,获得完全相同的交流画面,且不受设备、操作系统等影响,交流者执行同步涂鸦,所标记的位置无错位,有效提高同屏交流质量、用户体验,使非视频类同屏交流取代传统的视频类同屏交流成为可能,降低同屏交流的网络传输和提升交流质量,解决了非视频类同屏交流当前面临的难题。
以上,仅为本申请实施例的具体实施方式,但本申请实施例的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本申请实施例揭露的技术范围内,可轻易想到的变化或替换,都应涵盖在本申请实施例的保护范围之内。因此,本申请实施例的保护范围应以权利要求的保护范围为准。

Claims (10)

1.一种应用于同屏交流的字体处理方法,所述方法应用于同屏交流客户端,其特征在于,包括:
进入同屏交流并获取目标内容,设置所述目标内容的显示字体为预设的等宽字体,加载所述预设的等宽字体,使用所述预设的等宽字体在所述同屏交流客户端本地执行所述目标内容的显示计算,输出所述目标内容;
其中,所述目标内容为所述同屏交流客户端在同屏交流中显示的内容,在所述同屏交流客户端进入同屏交流后,动态设置所述目标内容的显示字体为所述预设的等宽字体,以获得同屏交流客户端间显示一致的效果。
2.根据权利要求1所述的方法,其特征在于,在设置所述目标内容的显示字体之前,还包括:
获取所述目标内容的当前字体;
确定所述当前字体的类型为等宽字体时,加载所述等宽字体并使用其在所述同屏交流客户端本地执行所述目标内容的显示计算并输出显示内容;确定所述当前字体的类型为非等宽字体时,设置所述目标内容的显示字体为所述预设的等宽字体,在所述同屏交流客户端本地执行所述目标内容的显示计算并输出显示内容。
3.根据权利要求1所述的方法,其特征在于,设置所述目标内容的显示字体,还包括:
设定所述目标内容的显示字体的第一优先字体为所述预设的等宽字体,保留使用原有的字体为其它优先字体。
4.根据权利要求3所述的方法,其特征在于,所述预设的等宽字体仅包括指定的字符集合,在显示计算所述目标内容时,其中包含于所述指定的字符集合的字符使用所述预设的等宽字体显示,未包含于所述指定的字符集合的字符使用原有字体显示。
5.根据权利要求1所述的方法,其特征在于,在设置所述目标内容的显示字体之前,还包括:
基于所述目标内容包含的字符集合或所述目标内容对应的网络地址生成网络请求向服务端发送,接收所述服务端返回的等宽字体,设置所述目标内容的显示字体为所述等宽字体。
6.一种应用于同屏交流的字体处理方法,其特征在于,所述方法应用于服务端,包括:
生成用于同屏交流的发送内容,设置所述发送内容的显示字体为预设的等宽字体,其中,所述发送内容用于向同屏交流客户端发送,并由所述同屏交流客户端接收,基于所述预设的等宽字体在所述同屏交流客户端本地执行所述发送内容的显示计算,输出所述发送内容。
7.根据权利要求6所述的方法,其特征在于,在设置所述发送内容的显示字体之前,还包括:
获取所述发送内容的当前字体;
确定所述当前字体的类型为非等宽字体时,设置所述发送内容的显示字体为预设的等宽字体。
8.根据权利要求6所述的方法,其特征在于,设置所述发送内容的显示字体,还包括:
设定所述发送内容的显示字体的第一优先字体为所述预设的等宽字体,保留使用原有的字体为其它优先字体。
9.根据权利要求6所述的方法,其特征在于,所述预设的等宽字体仅包括指定的字符集合。
10.根据权利要求6所述的方法,其特征在于,在设定所述发送内容的显示字体之前,还包括:
基于所述发送内容包含的字符集合生成包含所述字符集合的等宽字体,设置所述发送内容的显示字体为所述等宽字体。
CN202210798237.3A 2022-07-08 2022-07-08 一种应用于同屏交流的字体处理方法 Active CN114970449B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202210798237.3A CN114970449B (zh) 2022-07-08 2022-07-08 一种应用于同屏交流的字体处理方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202210798237.3A CN114970449B (zh) 2022-07-08 2022-07-08 一种应用于同屏交流的字体处理方法

Publications (2)

Publication Number Publication Date
CN114970449A CN114970449A (zh) 2022-08-30
CN114970449B true CN114970449B (zh) 2022-11-01

Family

ID=82967098

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202210798237.3A Active CN114970449B (zh) 2022-07-08 2022-07-08 一种应用于同屏交流的字体处理方法

Country Status (1)

Country Link
CN (1) CN114970449B (zh)

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107402734A (zh) * 2017-07-25 2017-11-28 浪潮金融信息技术有限公司 一种随屏幕分辨率自动调节文本清晰度的方法
CN110262862A (zh) * 2019-05-05 2019-09-20 黄希彤 一种在移动终端上实现快速阅读的方法和装置
CN111832253A (zh) * 2020-07-03 2020-10-27 Oppo广东移动通信有限公司 字体调节方法、装置、存储介质及电子设备
CN113868573A (zh) * 2021-09-07 2021-12-31 青岛希望鸟科技有限公司 一种基于网页快速建立同屏交互的方法与系统
CN114422460A (zh) * 2021-12-12 2022-04-29 路九阳 一种在即时通信应用中建立同屏交流分享的方法、系统

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP6407623B2 (ja) * 2014-08-14 2018-10-17 株式会社ソニー・インタラクティブエンタテインメント 情報処理装置、情報表示方法および情報処理システム
CN107704615B (zh) * 2017-10-24 2022-01-04 北京有字库网络科技有限公司 基于中文字体子集化的网页字体显示方法及系统

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107402734A (zh) * 2017-07-25 2017-11-28 浪潮金融信息技术有限公司 一种随屏幕分辨率自动调节文本清晰度的方法
CN110262862A (zh) * 2019-05-05 2019-09-20 黄希彤 一种在移动终端上实现快速阅读的方法和装置
CN111832253A (zh) * 2020-07-03 2020-10-27 Oppo广东移动通信有限公司 字体调节方法、装置、存储介质及电子设备
CN113868573A (zh) * 2021-09-07 2021-12-31 青岛希望鸟科技有限公司 一种基于网页快速建立同屏交互的方法与系统
CN114422460A (zh) * 2021-12-12 2022-04-29 路九阳 一种在即时通信应用中建立同屏交流分享的方法、系统

Also Published As

Publication number Publication date
CN114970449A (zh) 2022-08-30

Similar Documents

Publication Publication Date Title
US10185702B1 (en) Publisher formatting controls
US8994748B2 (en) Anchors for displaying image sprites, sub-regions and 3D images
CN112114928B (zh) 显示页面的处理方法和装置
US7880752B2 (en) Method and apparatus for proportionally adjusting the size of images transmitted between mobile communications terminals
CN110717120A (zh) 一种网页列表显示方法和装置
JP2021512415A (ja) デジタルコンポーネントのバックドロップレンダリング
CN111581564B (zh) 一种应用Canvas实现的网页同步交流方法
CN111324836A (zh) 一种页面的处理方法、装置、计算机设备和存储介质
CN112752107B (zh) 网页图片预处理方法、系统、存储介质及计算机设备
CN105389308B (zh) 网页的显示处理方法及装置
JP5303534B2 (ja) 体裁情報処理装置及び方法
CN114970449B (zh) 一种应用于同屏交流的字体处理方法
CN112926009A (zh) 图片资源的处理方法、装置、电子设备和介质
CN109710783B (zh) 一种图片加载方法、装置、存储介质及服务器
CN107612881B (zh) 在传输文件时传输画面的方法、装置、终端及存储介质
CN113949900B (zh) 直播贴图处理方法、系统、设备及存储介质
CN114489910A (zh) 一种视频会议数据显示方法、装置、设备及介质
EP3783505A1 (en) Webpage frame acquisition method, server and storage medium
CN113760205A (zh) 一种图片的显示方法和装置
CN113032696A (zh) 一种页面图片的显示方法和显示装置
CN112559034A (zh) 骨架屏文件的生成方法及系统
US10592597B2 (en) Smart defaults based on previous settings for presentation slides
CN115033335B (zh) 一种应用于网页同屏的显示处理方法
CN112287263B (zh) 网页显示方法、装置、系统及终端、计算机可读存储介质
KR101430964B1 (ko) 디스플레이 제어방법

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant