Question

我使用Kurento-magic-mirror，每当我改变图像时，我都被迫改变图片的名称mario-Wings.png。

以下是显示的代码

function getopts(args, opts)
{
  var result = opts.default || {};
  args.replace(
      new RegExp("([^?=&]+)(=([^&]*))?", "g"),
      function($0, $1, $2, $3) { result[$1] = decodeURI($3); });
 
  return result;
};
 
var args = getopts(location.search,
{
  default:
  {
    ws_uri: 'ws://' + location.hostname + ':8888/kurento',
    hat_uri: 'http://' + location.host + '/img/mario-wings.png',
    ice_servers: undefined
  }
});

假设我们在界面上有几个图像现在，我想通过点击来更改图像。

我开始创建一个函数但是这个函数不是自动的，因为它会在启动时更改图片

function changeImage(nom){
		

	console.log(" Avant Changement de l'image ");
	args = getopts(location.search,
	{
	   default:{
		    ws_uri: 'ws://' + location.hostname + ':8888/kurento',
   	            hat_uri: 'http://' + location.host + '/img/test5.jpg',
		    ice_servers: undefined 
		   }	
        });

	$("#test5").attr('src', 'img/test5.jpg');
	console.log("Après Changement de l'image ");
			
}

如何解决这个问题？

请帮帮我......

Answer 1

您正在更改变量，但没有对其执行任何操作。在教程的lead之后，这就是您需要做的事情

function changeImage(hatUri, offsetXPercent, offsetYPercent, widthPercent, heightPercent) {
   filter.setOverlayedImage(hatUri, offsetXPercent, offsetYPercent, widthPercent, heightPercent,
      function(error) {
         if (error) return onError(error);
         console.log("Set overlay image");
      });
}

我强烈建议您研究这些示例，并了解每行代码。如果您更改了客户端中的值，但没有指示媒体服务器也更改该值，那么它就没用了。

使用jquery和Kurento更改图像源

1 个答案: