CN114594921A - 多媒体投放方法、装置及*** - Google Patents

Abstract

本公开涉及多媒体投放方法、装置及***、计算机可存储介质，涉及计算机技术领域。多媒体投放方法包括：在播放器播放多媒体内容的过程中，获取所述播放器所处的当前环境的光线强度，所述多媒体内容未覆盖所述播放器的整个屏幕，所述多媒体内容未覆盖到的屏幕区域显示所述多媒体内容的播放背景；根据所述当前环境的光线强度，自动调整所述播放背景的颜色，调整后的播放背景的颜色与所述当前环境的光线强度相适应。根据本公开，可以降低播放器所处的环境的光线强度波动对多媒体投放的视觉效果的影响，提升多媒体投放的效果。

Description

多媒体投放方法、装置及***

技术领域

本公开涉及计算机技术领域，特别涉及多媒体投放方法、装置及***、计算机可存储介质。

背景技术

随着互联网技术和多媒体技术的蓬勃发展，在户外或者商超等场景中利用播放器播放多媒体内容已成为实现线下广告投放等多媒体业务的重要环节。

相关技术中，在多媒体内容未完全覆盖播放器的整个屏幕的情况下，将单一不变的预设播放背景显示在多媒体内容未覆盖到的屏幕区域。

发明内容

在播放器播放多媒体内容的过程中，播放器所处的环境的光线强度随着时间的变化通常存在较大的波动。例如，光线强度较强时，屏幕上色彩较暗且亮度较低的区域容易在视觉上被忽略，从而导致多媒体内容在被播放过程中呈现整体图像残缺的现象。又例如，光线强度弱时，屏幕上所有内容均会变暗，从而导致多媒体内容在被播放的过程中没有层次感，无法凸显屏幕上的主要内容。相关技术没有考虑播放器所处的环境的光线强度随时间变化产生的波动对多媒体投放的视觉效果的影响。

针对上述技术问题，本公开提出了一种解决方案，可以降低播放器所处的环境的光线强度波动对多媒体投放的视觉效果的影响，提升多媒体投放的效果。

根据本公开的第一方面，提供了一种多媒体投放方法，包括：在播放器播放多媒体内容的过程中，获取所述播放器所处的当前环境的光线强度，所述多媒体内容未覆盖所述播放器的整个屏幕，所述多媒体内容未覆盖到的屏幕区域显示所述多媒体内容的播放背景；根据所述当前环境的光线强度，自动调整所述播放背景的颜色，调整后的播放背景的颜色与所述当前环境的光线强度相适应。

在一些实施例中，获取所述播放器所处的当前环境的光线强度包括：在播放器播放多媒体内容的过程中，从图像传感器获取其拍摄的所述当前环境的环境图像；根据所获取的环境图像，确定所述当前环境的光线强度。

在一些实施例中，根据所获取的环境图像，确定所述当前环境的光线强度包括：确定所述环境图像的亮度；根据所述环境图像的亮度，确定所述当前环境的光线强度。

在一些实施例中，所述环境图像包括多张，根据所述环境图像的亮度，确定所述当前环境的光线强度包括：确定多张环境图像的亮度的平均值，作为所述当前环境的光线强度。

在一些实施例中，所述播放器通过播放网页应用的目标页面来播放所述多媒体内容，所述目标页面包括目标背景区域以及嵌套在所述目标背景区域内的目标内容区域，所述目标内容区域在所述目标背景区域内居中，所述目标背景区域包括所述多媒体内容的播放背景，所述目标内容区域包括所述多媒体内容，所述目标内容区域小于所述目标背景区域。

在一些实施例中，多媒体投放方法，还包括：在所述播放器播放所述网页应用的目标页面之前，调整所述网页应用的初始页面，得到所述目标页面，包括：获取所述播放器的屏幕的分辨率以及所述初始页面的初始内容区域的初始分辨率，其中，所述初始内容区域与初始背景区域的初始分辨率相同，所述初始内容区域在所述初始背景区域内居中，所述初始背景区域包括所述多媒体内容的播放背景，所述初始内容区域包括所述多媒体内容；根据所述播放器的屏幕的分辨率及所述初始内容区域的初始分辨率，对所述初始内容区域进行等比缩放；根据所述播放器的屏幕的分辨率以及所述初始内容区域的初始分辨率，对等比缩放后的初始内容区域进行反向缩放，得到所述目标内容区域，所述目标背景区域相对于所述初始背景区域保持不变，所述目标页面以拉伸投放的方式在所述播放器中播放。

在一些实施例中，所述屏幕的分辨率包括所述屏幕的分辨率宽度和分辨率高度，所述初始内容区域的初始分辨率包括所述初始内容区域的初始分辨率宽度和初始分辨率宽度，调整所述网页应用的初始页面还包括：在对所述初始内容区域进行等比缩放之前，在所述屏幕的分辨率宽度大于所述屏幕的分辨率高度的情况下，配置所述初始内容区域的样式为预设横版样式，所述预设横版样式使得配置后的初始内容区域的宽度大于高度；在所述屏幕的分辨率宽度小于所述屏幕的分辨率高度的情况下，配置所述初始内容区域的样式为预设竖版样式，所述预设竖版样式使得配置后初始内容区域的宽度小于高度。

在一些实施例中，对所述等比缩放后的初始内容区域进行反向缩放包括：确定所述初始分辨率宽度与所述初始分辨率高度的比值，作为第一比值；确定所述屏幕的分辨率宽度与所述屏幕的分辨率高度的比值，作为第二比值；在配置所述初始内容区域的样式为预设横版样式的情况下，确定所述第一比值与所述第二比值之间的比值，作为第一反向缩放比例，并利用所述第一反向缩放比例，对所述预设横板样式的初始内容区域进行横轴方向上的反向缩放；在配置所述初始内容区域的样式为预设竖版样式的情况下，确定所述第二比值与所述第一比值之间的比值，作为第二反向缩放比例，并利用所述第二反向缩放比例，对所述预设竖版样式的初始内容区域进行纵轴方向上的反向缩放。

在一些实施例中，所述初始内容区域包括外层容器和内层容器，所述外层容器无间隙嵌套所述内层容器，通过配置所述内层容器的样式，对所述初始内容区域进行等比缩放；通过配置所述外层容器的样式，对等比缩放后的初始内容区域进行反向缩放。

在一些实施例中，所述屏幕的分辨率包括所述屏幕的分辨率宽度和分辨率高度，所述初始内容区域的初始分辨率包括所述初始内容区域的初始分辨率宽度和初始分辨率宽度，等比缩放后的初始内容区域满足分辨率宽度等于所述播放器的屏幕的分辨率宽度或者分辨率高度等于所述播放器的屏幕的分辨率高度。

在一些实施例中，所述多媒体投放方法由所述网页应用执行。

在一些实施例中，根据所述当前环境的光线强度，自动调整所述播放背景的颜色包括：在所述当前环境的光线强度与所述播放器所处的历史环境的光线强度不同的情况下，确定与所述当前环境的光线强度相适应的颜色的属性的值，所述颜色的属性包括色相、饱和度和亮度中的至少一种；根据所确定的与所述当前环境的光线强度相适应的颜色的属性的值，自动调整所述播放背景的颜色。

在一些实施例中，确定与所述当前环境的光线强度相适应的颜色的属性的值包括：根据光线强度与颜色的属性的值的对应关系，确定与所述当前环境的光线强度相适应的颜色的属性的值。

根据本公开第二方面，提供了一种多媒体投放装置，包括：获取模块，被配置为在播放器播放多媒体内容的过程中，获取所述播放器所处的当前环境的光线强度，所述多媒体内容未覆盖所述播放器的整个屏幕，所述多媒体内容未覆盖到的屏幕区域显示所述多媒体内容的播放背景；自动调整模块，被配置为根据所述当前环境的光线强度，自动调整所述播放背景的颜色，调整后的播放背景的颜色与所述当前环境的光线强度相适应。

根据本公开第三方面，提供了一种多媒体投放装置，包括：存储器；以及耦接至所述存储器的处理器，所述处理器被配置为基于存储在所述存储器的指令，执行上述任一实施例所述的多媒体投放方法。

根据本公开的第四方面，提供了一种多媒体投放***，包括：上述任一实施例所述的多媒体投放装置。

在一些实施例中，多媒体投放***，还包括：传感器设备，被配置为感知播放器所处的当前环境的环境信息；所述多媒体投放装置，被配置为根据所述传感器设备感知的所述当前环境的环境信息，确定所述当前环境的光线强度。

在一些实施例中，多媒体投放***，还包括：播放器，被配置为播放多媒体内容。

根据本公开的第五方面，提供了一种计算机可存储介质，其上存储有计算机程序指令，该指令被处理器执行时实现上述任一实施例所述的多媒体投放方法。

在上述实施例中，可以降低播放器所处的环境的光线强度波动对多媒体投放的视觉效果的影响，提升多媒体投放的效果。

附图说明

构成说明书的一部分的附图描述了本公开的实施例，并且连同说明书一起用于解释本公开的原理。

参照附图，根据下面的详细描述，可以更加清楚地理解本公开，其中：

图1是示出根据本公开一些实施例的多媒体投放方法的流程图；

图2是示出根据本公开一些实施例的获取播放器所处的当前环境的光线强度的流程图；

图3是示出根据本公开一些实施例的H5应用的DOM结构的示意图；

图4是示出根据本公开一些实施例的色相参数曲线的示意图；

图5是示出根据本公开一些实施例的饱和度参数曲线的示意图；

图6是示出根据本公开一些实施例的亮度参数曲线的示意图；

图7是示出根据本公开一些实施例的多媒体投放过程的示意图；

图8是示出根据本公开一些实施例的多媒体投放装置的框图；

图9是示出根据本公开另一些实施例的多媒体投放装置的框图；

图10是示出根据本公开一些实施例的多媒体投放***的框图；

图11是示出用于实现本公开一些实施例的计算机***的框图。

具体实施方式

现在将参照附图来详细描述本公开的各种示例性实施例。应注意到：除非另外具体说明，否则在这些实施例中阐述的部件和步骤的相对布置、数字表达式和数值不限制本公开的范围。

同时，应当明白，为了便于描述，附图中所示出的各个部分的尺寸并不是按照实际的比例关系绘制的。

以下对至少一个示例性实施例的描述实际上仅仅是说明性的，决不作为对本公开及其应用或使用的任何限制。

对于相关领域普通技术人员已知的技术、方法和设备可能不作详细讨论，但在适当情况下，所述技术、方法和设备应当被视为说明书的一部分。

在这里示出和讨论的所有示例中，任何具体值应被解释为仅仅是示例性的，而不是作为限制。因此，示例性实施例的其它示例可以具有不同的值。

应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步讨论。

图1是示出根据本公开一些实施例的多媒体投放方法的流程图。

如图1所示，多媒体投放方法包括：步骤S1，在播放器播放多媒体内容的过程中，获取播放器所处的当前环境的光线强度，多媒体内容未覆盖播放器的整个屏幕，多媒体内容未覆盖到的屏幕区域显示所述多媒体内容的播放背景；和步骤S2，根据当前环境的光线强度，自动调整播放背景的颜色，调整后的播放背景的颜色与当前环境的光线强度相适应。在一些实施例中，多媒体投放方法由多媒体投放装置执行。例如，多媒体投放装置为网页应用。网页应用包括H5(HyperText Markup Language 5，第五代超文本标记语言)应用。例如，可以周期性地执行多媒体投放方法。

在上述实施例中，通过在播放器播放多媒体内容的过程中，自动获取播放器所处的当前环境的光线强度，并依据光线强度自动调整播放背景的颜色，使其与当前环境的光线强度相适应，可以降低光线强度波动对多媒体投放的视觉效果等的影响程度，提升多媒体投放的效果，即播放效果。

在步骤S1中，在播放器播放多媒体内容的过程中，获取播放器所处的当前环境的光线强度。多媒体内容未覆盖播放器的整个屏幕，多媒体内容未覆盖到的屏幕区域显示所述多媒体内容的播放背景。例如，播放器的屏幕为超大屏。

在一些实施例中，可以通过如图2所示的方式实现上述步骤S1。

图2是示出根据本公开一些实施例的获取播放器所处的当前环境的光线强度的流程图。

如图2所示，获取播放器所处的当前环境的光线强度包括步骤S21-步骤S22。

在步骤S21中，在播放器播放多媒体内容的过程中，从图像传感器获取其拍摄的当前环境的环境图像。

在一些实施例中，环境图像包括多张。例如，环境图像的数量大于数量阈值。在一些实施例中，数量阈值为10。通过采集多张环境图像用于确定当前环境的光线强度，可以尽可能消除突发情况导致的亮度抖动，从而进一步提升多媒体投放的效果。

在一些实施例中，可以每间隔预设时长从图像传感器获取其拍摄的当前环境的环境图像。例如，预设时长为3秒。

在一些实施例中，多媒体投放装置可以调用图像传感器拍摄当前环境的环境图像，并从图像传感器获取其拍摄的当前环境的环境图像。以多媒体投放装置为H5应用且图像传感器为摄像设备为例，H5应用通过利用环境变量navigator.mediaDevices的getUserMedia方法来调用摄像设备。

在步骤S22中，根据所获取的环境图像，确定当前环境的光线强度。

在一些实施例中，可以通过如下方式实现上述步骤S22。

首先，确定环境图像的亮度。在一些实施例中，针对每张环境图像，获取该环境图像中每个像素的红、绿、蓝三个颜色的通道值r、g、b，然后根据所获取的每个像素的红、绿、蓝三个颜色的通道值r、g、b，确定每个像素的亮度，最后将该环境图像中的所有像素的亮度的平均值，作为该环境图像的亮度值。例如，每个像素的亮度

max(r，g，b)表示取该像素对应的r、g、b三个通道值中的最大值。min(r，g，b)表示取该像素对应的r、g、b三个通道值中的最小值。

然后，根据环境图像的亮度，确定当前环境的光线强度。例如，可以利用播放器的监播摄像头定时拍摄现场的环境图像，通过计算环境图像的亮度来模拟现场环境的光线强度。

在一些实施例中，以环境图像包括多张为例，确定多张环境图像的亮度的平均值，作为当前环境的光线强度。在环境图像为一张的情况下，当前环境表征当前时刻的环境。在环境图像为多张的情况下，当前环境表征当前时间段的环境。

在另一些实施例中，还可以在播放器播放多媒体内容的过程中，从光敏传感器获取其感知的当前环境的光线强度。具体过程可以参考图像传感器的实施例。

在一些实施例中，播放器通过播放网页应用的目标页面来播放多媒体内容。目标页面包括目标背景区域以及嵌套在目标背景区域内的目标内容区域。目标内容区域在目标背景区域内居中。目标背景区域包括多媒体内容的播放背景。目标内容区域包括多媒体内容。目标内容区域的面积小于目标背景区域的面积。例如，该网页应用为H5应用。

在上述实施例中，通过基于网页应用的目标页面播放多媒体内容，并在目标页面中区分内容区域和背景区域，便于对目标页面的多媒体内容和播放背景进行调整，从而可以提高多媒体投放的便利性和通用性。由于网页应用的内容区域和背景区域层次比较分明，使得根据播放器所处的当前环境的光线强度动态设置播放背景来凸显内容并同时保持屏幕上图像完整具有可行性。

在一些实施例中，在播放器播放网页应用的目标页面之前，还可以调整网页应用的初始页面，得到目标页面。可以通过如下方式调整网页应用的初始页面。

首先，获取播放器的屏幕的分辨率以及初始页面的初始内容区域的初始分辨率。初始内容区域与初始背景区域的初始分辨率相同。初始内容区域在初始背景区域内居中。初始背景区域包括多媒体内容的播放背景。初始内容区域包括多媒体内容。

在一些实施例中，初始内容区域包括外层容器和内层容器，并且外层容器无间隙嵌套内层容器。

例如，初始页面通过H5应用的body元素实现，外层容器和内层容器均为嵌套在body元素中的div元素。下面将以此为例，详细说明H5应用的DOM(Document Object Model，文档对象模型)结构。

图3是示出根据本公开一些实施例的H5应用的DOM结构的示意图。

如图3所示，H5应用的初始页面的DOM结构包括body元素。body元素为图3中适配层和内容区的最外层元素，用于为播放背景提供配置。内容区存放多媒体内容。适配层为调节内容区大小的一块抽象作用区域，如图3所示，其由内层容器div和外层容器div这两个无间隙嵌套的元素组成。例如，内层容器div和外层容器div分别为后续的等比压缩和反向压缩提供添加样式规则的位置，这些样式规则会共同作用于内容区的样式。

以图3为例，初始背景区域的配置可以通过在初始页面的body元素的样式表中加入“background：hsl(hue，saturation，lightness)”的样式规则来设置播放背景，使得播放背景的背景色可以随着body元素进行各个方向的任意延伸。在上述样式规则中，hsl是一种将RGB色彩模型中的点在圆柱坐标系中的表示方法，其中，hue为色相，saturation为饱和度，lightness为亮度。CSS中提供了hsl()函数，以此种方式可以设置颜色。初始背景区域的播放背景可以设置为预设背景色。预设背景色可以是任意的，也可以是接近于多媒体内容的整体色调的颜色。

在一些实施例中，屏幕的分辨率包括屏幕的分辨率宽度和分辨率高度。例如，屏幕的分辨率宽度和分辨率高度分别表示为w和h。初始内容区域的初始分辨率包括初始内容区域的初始分辨率宽度和初始分辨率宽度。在一些实施例中，初始页面的分辨率即为初始内容区域的初始分辨率。例如，预配置初始页面的分辨率为标准的1080P。即，初始分辨率宽度和初始分辨率高度分别为1920和1080。

在一些实施例中，以多媒体投放装置为H5应用为例，H5应用通过window.screen环境变量获取播放器的屏幕的分辨率参数。

在一些实施例中，响应于播放器访问预配置URL(Uniform Resource Locator，统一资源***)地址，获取播放器的屏幕的分辨率以及初始页面的初始内容区域的初始分辨率。预配置URL地址用于访问网页应用。以多媒体投放装置为H5应用为例，播放器访问预配置URL就是加载H5应用。在播放多媒体内容结束后，播放器还会卸载H5应用。

然后，根据播放器的屏幕的分辨率及初始内容区域的初始分辨率，对初始内容区域进行等比缩放。

在一些实施例中，以屏幕的分辨率包括屏幕的分辨率宽度和分辨率高度，初始内容区域的初始分辨率包括初始内容区域的初始分辨率宽度和初始分辨率宽度为例，在对初始内容区域进行等比缩放之前，在屏幕的分辨率宽度大于屏幕的分辨率高度的情况下，配置初始内容区域的样式为预设横版样式，其中，预设横版样式使得配置后的初始内容区域的宽度大于高度。例如，预设横版样式为横版1080P版式。

在屏幕的分辨率宽度小于屏幕的分辨率高度的情况下，配置初始内容区域的样式为预设竖版样式，其中，预设竖版样式使得配置后初始内容区域的宽度小于高度。例如，预设竖版样式为竖版1080P版式。

以图3所示的DOM结构为例，可以为内层容器div的样式表中的class添加类名horizon(横版)或portrait(竖版)。类名horizon和portrait对应事先在样式表文件中定义好的样式表规则合集。内层容器div内部的内容区各元素会根据容器的类名horizon或portrait决定其样式渲染，此决定过程的实现为H5渲染引擎所提供。通过上述方式，可以实现版式选择，进而改变内容区的各元素样式的目的。

在上述实施例中，通过根据播放器的屏幕的分辨率，自适应配置内容区域的网页样式，可以进一步减少工作量，提高多媒体投放的通用性以及多媒体投放的效率。

在一些实施例中，以屏幕的分辨率包括屏幕的分辨率宽度和分辨率高度，初始内容区域的初始分辨率包括初始内容区域的初始分辨率宽度和初始分辨率宽度为例，等比缩放后的初始内容区域满足分辨率宽度等于所述播放器的屏幕的分辨率宽度或者分辨率高度等于所述播放器的屏幕的分辨率高度。

在一些实施例中，以播放器的屏幕的分辨率宽度和分辨率高度分别为w和h为例，可以通过如下方式计算等比缩放的比例。

对于配置初始内容区域的样式为预设横版样式的情况，在w/h大于1920/1080的情况下，等比缩放的缩放比例为h/1080。在w/h小于或等于1920/1080的情况下，等比缩放的缩放比例为w/1920。

对于配置初始内容区域的样式为预设竖版样式的情况，在w/h大于1080/1920的情况下，等比缩放的缩放比例为h/1080。在w/h小于或等于1080/1920的情况下，等比缩放的缩放比例为w/1920。

在一些实施例中，以初始内容区域包括外层容器和内层容器为例，通过配置内层容器的样式，对初始内容区域进行等比缩放。以图3的DOM结构为例，可以采用CSS(Cascading Style Sheets，层叠样式表)来实现等比缩放操作。例如，可以在内侧容器div的样式表中添加“transform：scale”的样式规则，该规则会将内侧容器及其相关内容按照设置的缩放比例值进行等比缩放，其中，scale表示等比缩放的缩放比例。

最后，根据播放器的屏幕的分辨率以及初始内容区域的初始分辨率，对等比缩放后的初始内容区域进行反向缩放，得到目标内容区域。目标背景区域相对于初始背景区域保持不变，目标页面以拉伸投放的方式在播放器中播放。例如，可以在播放器内预先配置其播放多媒体内容的方式为拉伸投放。设置播放器按照屏幕分辨率对多媒体内容进行拉伸投放，H5应用会被拉伸为尽量充满屏幕分辨率，此时反向缩放后的多媒体内容就会被重新拉伸到未变形的正常比例，H5的body元素也会充满整个屏幕，从而播放背景会在多媒体内容区无法覆盖到的屏幕区域透出，保证整个屏幕区域图像的完整性。

在上述实施例中，通过等比缩放、反向缩放等操作与播放器拉伸投放的配置，可以保证多媒体内容在播放器中的完整性，在避免多媒体内容产生变形的同时降低工作量。例如，针对部分厂商的播放器在裁剪投放的过程中不能直接支持一键居中裁剪，只能通过设置多媒体左边界和上边界的偏移量实现居中的方式，可以降低工作量。通过反向缩放来配合播放器的拉伸投放，使得播放器在播放多媒体内容时将被反向缩放的变形内容又重新拉伸至等比缩放后、反向缩放前的内容，从而保证了多媒体内容不被变形。

在一些实施例中，可以通过如下方式对等比缩放后的初始内容区域进行反向缩放。

首先，确定初始分辨率宽度与初始分辨率高度的比值，作为第一比值。

然后，确定屏幕的分辨率宽度与屏幕的分辨率高度的比值，作为第二比值。

最后，在配置初始内容区域的样式为预设横版样式的情况下，确定第一比值与第二比值之间的比值，作为第一反向缩放比例，并利用第一反向缩放比例，对预设横板样式的初始内容区域进行横轴方向上的反向缩放。例如，第一反向缩放比例表示为(1920/1080)/(w/h)。

在配置初始内容区域的样式为预设竖版样式的情况下，确定第二比值与第一比值之间的比值，作为第二反向缩放比例，并利用第二反向缩放比例，对预设竖版样式的初始内容区域进行纵轴方向上的反向缩放。例如，第二反向缩放比例表示为(w/h)/(1080/1920)。

在一些实施例中，以初始内容区域包括外层容器和内层容器为例，通过配置外层容器的样式，对等比缩放后的初始内容区域进行反向缩放。例如，以图3为例，在配置初始内容区域的样式为预设横版样式的情况下，通过在外层容器div添加“transform：scaleX”规则，使外层容器div及其内部内容仅在横轴上根据设置的比例值进行反向缩放，其中，scaleX为反向缩放比例。又例如，还是以图3为例，在配置初始内容区域的样式为预设竖版样式的情况下，通过在外层容器div添加“transform：scaleY”规则，使外层容器div及其内部内容仅在纵轴上根据设置的比例值进行反向缩放，其中，scaleY为反向缩放比例。

在步骤S2中，根据当前环境的光线强度，自动调整播放背景的颜色，调整后的播放背景的颜色与当前环境的光线强度相适应。

在一些实施例中，可以通过如下方式实现上述步骤S2。

首先，在当前环境的光线强度与播放器所处的历史环境的光线强度不同的情况下，确定与当前环境的光线强度相适应的颜色的属性的值。颜色的属性包括色相、饱和度和亮度中的至少一种。例如，在当前环境的光线强度与播放器所处的历史环境的光线强度相同的情况下，在下一个周期到来时重新执行多媒体投放方法。

在一些实施例中，可以根据光线强度与颜色的属性的值的对应关系，确定与当前环境的光线强度相适应的颜色的属性的值。

以当前环境的环境图像的亮度确定当前环境的光线强度为例，可以根据亮度区域与颜色的属性的值的对应关系，确定与当前环境的光线强度相适应的颜色的属性的值。在一些实施例中，亮度区域与颜色的属性的值的对应关系可以根据实际的业务需求确定。亮度区域与颜色的属性的值的对应关系满足如下条件：光线强时，则采用冷色调且高亮度的颜色；光线弱时，则采用暖色调且低亮度的颜色。

表1示出了依据某一业务确定的亮度区间与颜色的属性的值的对应关系。

表1 亮度区间与颜色的属性的值的对应关系表

亮度区间	颜色的属性的值
		[0％，40％)	hsl(52，88％，50％)
[40％，45％)	hsl(54，71％，58％)
		[45％，50％)	hsl(60，61％，67％)
[50％，55％)	hsl(64，54％，67％)
		[55％，60％)	hsl(230，66％，74％)
[60％，65％)	hsl(238，67％，79％)
		[65％，70％)	hsl(245，68％，82％)
[70％，75％)	hsl(250，70％，85％)
		[75％，80％)	hsl(252，71％，88％)
[80％，100％]	hsl(255，73％，92％)

如表1所示，颜色的属性的值采用hsl()函数表示。第一个区间和最后一个区间均为临界值，不需要颜色再自动改变。

在一些实施例中，可以根据表1所示的亮度区间与颜色的属性的值的对应关系，拟合出色相参数曲线、饱和度参数曲线和亮度参数曲线中的至少一种。色相参数曲线描述了播放背景的色相随当前环境的光线强度的变化关系。饱和度参数曲线描述了播放背景的饱和度随当前环境的光线强度的变化关系。亮度参数曲线描述了播放背景的亮度随当前环境的光线强度的变化关系。

图4是示出根据本公开一些实施例的色相参数曲线的示意图。

图5是示出根据本公开一些实施例的饱和度参数曲线的示意图。

图6是示出根据本公开一些实施例的亮度参数曲线的示意图。

例如，根据图4-图6所示的曲线示意图可以确定播放背景的颜色的属性与当前环境的光线强度的函数关系式。例如，函数关系式为calcHslColor方法，其以任一的光线强度为入参，得出入参对应的hsl颜色。

然后，根据所确定的与当前环境的光线强度相适应的颜色的属性的值，自动调整播放背景的颜色。以网页应用为例，可以通过重新配置播放背景所在的背景区域的颜色样式规则来调整播放背景的颜色。

下面将结合图7详细描述本公开一些实施例的多媒体投放过程。

图7是示出根据本公开一些实施例的多媒体投放过程的示意图。

如图7所示，播放器的屏幕的分辨率为1024×400。多媒体内容的分辨率以及网页应用的初始页面的分辨率均为1920×1080。

经过本公开的多媒体投放方法的等比缩放步骤后，网页应用的分辨率仍为1920×1080，多媒体内容被等比缩放为711×400。网页应用中多媒体内容所在区域以外的***区域为透出的背景。

经过本公开的多媒体投放方法的反向缩放后，仅多媒体内容所在区域被反向缩放为494×400，从而得到网页应用的目标页面。在播放器以拉伸方式播放网页应用的目标页面时，会将网页应用的目标页面拉伸为播放器的屏幕的分辨率1024×400，多媒体内容所在的区域将会被拉伸为711×400。在这一系列过程中，多媒体内容未变形且被完整播放。上述过程可以在多媒体内容完全覆盖播放器的屏幕的情况下应用，也可以在多媒体内容未完全覆盖播放器的屏幕的情况下应用，这也适用于本公开其他的实施例。

如图7所示，在播放器播放多媒体内容的过程中，播放器所处的当前环境的光线强度不同时，播放背景的颜色也不同。图7采用不同的阴影区域表示在光线强度分别为30％、50％和70％的情况下调整的不同的播放背景的颜色。调整播放背景的颜色也不依赖于等比缩放、反向缩放等操作。

图7的实施例为本公开多媒体投放方法的一种实施例，不代表唯一的实施方式。

图8是示出根据本公开一些实施例的多媒体投放装置的框图。

如图8所示，多媒体投放装置81包括获取模块811和自动调整模块812。

获取模块811被配置为在播放器播放多媒体内容的过程中，获取播放器所处的当前环境的光线强度，例如执行如图1所示的步骤S1。，多媒体内容未覆盖播放器的整个屏幕。多媒体内容未覆盖到的屏幕区域显示多媒体内容的播放背景。

自动调整模块812被配置为根据当前环境的光线强度，自动调整播放背景的颜色，调整后的播放背景的颜色与当前环境的光线强度相适应，例如执行如图1所示的步骤S2。

图9是示出根据本公开另一些实施例的多媒体投放装置的框图。

如图9所示，多媒体投放装置91包括存储器911；以及耦接至该存储器911的处理器912。存储器911用于存储执行多媒体投放方法对应实施例的指令。处理器912被配置为基于存储在存储器911中的指令，执行本公开中任意一些实施例中的多媒体投放方法。

图10是示出根据本公开一些实施例的多媒体投放***的框图。

如图10所示，多媒体投放***10包括多媒体投放装置101。多媒体投放装置101为本公开任意一些实施例的多媒体投放装置。

在一些实施例中，多媒体投放***10还包括传感器设备102。传感器设备102被配置为感知播放器所处的当前环境的环境信息。多媒体投放装置101被配置为根据传感器设备102感知的当前环境的环境信息，确定当前环境的光线强度。例如，传感器设备102为图像传感器或者光敏传感器。在一些实施例中，传感器设备部署在播放器上。

在一些实施例中，多媒体投放***10还包括播放器103。播放器103被配置为播放多媒体内容。

图11是示出用于实现本公开一些实施例的计算机***的框图。

如图11所示，计算机***110可以通用计算设备的形式表现。计算机***110包括存储器1110、处理器1120和连接不同***组件的总线1100。

存储器1110例如可以包括***存储器、非易失性存储介质等。***存储器例如存储有操作***、应用程序、引导装载程序(Boot Loader)以及其他程序等。***存储器可以包括易失性存储介质，例如随机存取存储器(RAM)和/或高速缓存存储器。非易失性存储介质例如存储有执行多媒体投放方法中的至少一种的对应实施例的指令。非易失性存储介质包括但不限于磁盘存储器、光学存储器、闪存等。

处理器1120可以用通用处理器、数字信号处理器(DSP)、应用专用集成电路(ASIC)、现场可编程门阵列(FPGA)或其它可编程逻辑设备、分立门或晶体管等分立硬件组件方式来实现。相应地，诸如判断模块和确定模块的每个模块，可以通过中央处理器(CPU)运行存储器中执行相应步骤的指令来实现，也可以通过执行相应步骤的专用电路来实现。

总线1100可以使用多种总线结构中的任意总线结构。例如，总线结构包括但不限于工业标准体系结构(ISA)总线、微通道体系结构(MCA)总线、***组件互连(PCI)总线。

计算机***110还可以包括输入输出接口1130、网络接口1140、存储接口1150等。这些接口1130、1140、1150以及存储器1110和处理器1120之间可以通过总线1100连接。输入输出接口1130可以为显示器、鼠标、键盘等输入输出设备提供连接接口。网络接口1140为各种联网设备提供连接接口。存储接口1150为软盘、U盘、SD卡等外部存储设备提供连接接口。

这里，参照根据本公开实施例的方法、装置和计算机程序产品的流程图和/或框图描述了本公开的各个方面。应当理解，流程图和/或框图的每个框以及各框的组合，都可以由计算机可读程序指令实现。

这些计算机可读程序指令可提供到通用计算机、专用计算机或其他可编程装置的处理器，以产生一个机器，使得通过处理器执行指令产生实现在流程图和/或框图中一个或多个框中指定的功能的装置。

这些计算机可读程序指令也可存储在计算机可读存储器中，这些指令使得计算机以特定方式工作，从而产生一个制造品，包括实现在流程图和/或框图中一个或多个框中指定的功能的指令。

本公开可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。

通过上述实施例中的多媒体投放方法、装置及***、计算机可存储介质，可以降低播放器所处的环境的光线强度波动对多媒体投放的视觉效果的影响，提升多媒体投放的效果。

至此，已经详细描述了根据本公开的多媒体投放方法、装置及***、计算机可存储介质。为了避免遮蔽本公开的构思，没有描述本领域所公知的一些细节。本领域技术人员根据上面的描述，完全可以明白如何实施这里公开的技术方案。

Claims (19)

1.一种多媒体投放方法，包括：

在播放器播放多媒体内容的过程中，获取所述播放器所处的当前环境的光线强度，所述多媒体内容未覆盖所述播放器的整个屏幕，所述多媒体内容未覆盖到的屏幕区域显示所述多媒体内容的播放背景；

根据所述当前环境的光线强度，自动调整所述播放背景的颜色，调整后的播放背景的颜色与所述当前环境的光线强度相适应。

2.根据权利要求1所述的多媒体投放方法，其中，获取所述播放器所处的当前环境的光线强度包括：

在播放器播放多媒体内容的过程中，从图像传感器获取其拍摄的所述当前环境的环境图像；

根据所获取的环境图像，确定所述当前环境的光线强度。

3.根据权利要求2所述的多媒体投放方法，其中，根据所获取的环境图像，确定所述当前环境的光线强度包括：

确定所述环境图像的亮度；

根据所述环境图像的亮度，确定所述当前环境的光线强度。

4.根据权利要求3所述的多媒体投放方法，其中，所述环境图像包括多张，根据所述环境图像的亮度，确定所述当前环境的光线强度包括：

确定多张环境图像的亮度的平均值，作为所述当前环境的光线强度。

5.根据权利要求1所述的多媒体投放方法，其中，所述播放器通过播放网页应用的目标页面来播放所述多媒体内容，所述目标页面包括目标背景区域以及嵌套在所述目标背景区域内的目标内容区域，所述目标内容区域在所述目标背景区域内居中，所述目标背景区域包括所述多媒体内容的播放背景，所述目标内容区域包括所述多媒体内容，所述目标内容区域小于所述目标背景区域。

6.根据权利要求5所述的多媒体投放方法，还包括：在所述播放器播放所述网页应用的目标页面之前，调整所述网页应用的初始页面，得到所述目标页面，包括：

获取所述播放器的屏幕的分辨率以及所述初始页面的初始内容区域的初始分辨率，其中，所述初始内容区域与初始背景区域的初始分辨率相同，所述初始内容区域在所述初始背景区域内居中，所述初始背景区域包括所述多媒体内容的播放背景，所述初始内容区域包括所述多媒体内容；

根据所述播放器的屏幕的分辨率及所述初始内容区域的初始分辨率，对所述初始内容区域进行等比缩放；

根据所述播放器的屏幕的分辨率以及所述初始内容区域的初始分辨率，对等比缩放后的初始内容区域进行反向缩放，得到所述目标内容区域，所述目标背景区域相对于所述初始背景区域保持不变，所述目标页面以拉伸投放的方式在所述播放器中播放。

7.根据权利要求6所述的多媒体投放方法，其中，所述屏幕的分辨率包括所述屏幕的分辨率宽度和分辨率高度，所述初始内容区域的初始分辨率包括所述初始内容区域的初始分辨率宽度和初始分辨率宽度，调整所述网页应用的初始页面还包括：

在对所述初始内容区域进行等比缩放之前，在所述屏幕的分辨率宽度大于所述屏幕的分辨率高度的情况下，配置所述初始内容区域的样式为预设横版样式，所述预设横版样式使得配置后的初始内容区域的宽度大于高度；

在所述屏幕的分辨率宽度小于所述屏幕的分辨率高度的情况下，配置所述初始内容区域的样式为预设竖版样式，所述预设竖版样式使得配置后初始内容区域的宽度小于高度。

8.根据权利要求7所述的多媒体投放方法，其中，对所述等比缩放后的初始内容区域进行反向缩放包括：

确定所述初始分辨率宽度与所述初始分辨率高度的比值，作为第一比值；

确定所述屏幕的分辨率宽度与所述屏幕的分辨率高度的比值，作为第二比值；

在配置所述初始内容区域的样式为预设横版样式的情况下，确定所述第一比值与所述第二比值之间的比值，作为第一反向缩放比例，并利用所述第一反向缩放比例，对所述预设横板样式的初始内容区域进行横轴方向上的反向缩放；

在配置所述初始内容区域的样式为预设竖版样式的情况下，确定所述第二比值与所述第一比值之间的比值，作为第二反向缩放比例，并利用所述第二反向缩放比例，对所述预设竖版样式的初始内容区域进行纵轴方向上的反向缩放。

9.根据权利要求6所述的多媒体投放方法，其中，所述初始内容区域包括外层容器和内层容器，所述外层容器无间隙嵌套所述内层容器，

通过配置所述内层容器的样式，对所述初始内容区域进行等比缩放；

通过配置所述外层容器的样式，对等比缩放后的初始内容区域进行反向缩放。

10.根据权利要求6所述的多媒体投放方法，其中，所述屏幕的分辨率包括所述屏幕的分辨率宽度和分辨率高度，所述初始内容区域的初始分辨率包括所述初始内容区域的初始分辨率宽度和初始分辨率宽度，等比缩放后的初始内容区域满足分辨率宽度等于所述播放器的屏幕的分辨率宽度或者分辨率高度等于所述播放器的屏幕的分辨率高度。

11.根据权利要求5所述的多媒体投放方法，其中，所述多媒体投放方法由所述网页应用执行。

12.根据权利要求1所述的多媒体投放方法，其中，根据所述当前环境的光线强度，自动调整所述播放背景的颜色包括：

在所述当前环境的光线强度与所述播放器所处的历史环境的光线强度不同的情况下，确定与所述当前环境的光线强度相适应的颜色的属性的值，所述颜色的属性包括色相、饱和度和亮度中的至少一种；

根据所确定的与所述当前环境的光线强度相适应的颜色的属性的值，自动调整所述播放背景的颜色。

13.根据权利要求12所述的多媒体投放方法，其中，确定与所述当前环境的光线强度相适应的颜色的属性的值包括：

根据光线强度与颜色的属性的值的对应关系，确定与所述当前环境的光线强度相适应的颜色的属性的值。

14.一种多媒体投放装置，包括：

获取模块，被配置为在播放器播放多媒体内容的过程中，获取所述播放器所处的当前环境的光线强度，所述多媒体内容未覆盖所述播放器的整个屏幕，所述多媒体内容未覆盖到的屏幕区域显示所述多媒体内容的播放背景；

自动调整模块，被配置为根据所述当前环境的光线强度，自动调整所述播放背景的颜色，调整后的播放背景的颜色与所述当前环境的光线强度相适应。

15.一种多媒体投放装置，包括：

存储器；以及

耦接至所述存储器的处理器，所述处理器被配置为基于存储在所述存储器的指令，执行如权利要求1至13任一项所述的多媒体投放方法。

16.一种多媒体投放***，包括：

如权利要求14或15所述的多媒体投放装置。

17.根据权利要求16所述的多媒体投放***，还包括：

传感器设备，被配置为感知播放器所处的当前环境的环境信息；

所述多媒体投放装置，被配置为根据所述传感器设备感知的所述当前环境的环境信息，确定所述当前环境的光线强度。

18.根据权利要求16或17所述的多媒体投放***，还包括：

播放器，被配置为播放多媒体内容。

19.一种计算机可存储介质，其上存储有计算机程序指令，该指令被处理器执行时实现如权利要求1至13任一项所述的多媒体投放方法。

Images