如何将skype-uri.js与个性化按钮一起使用？

Question

I want to use the skype-ui found in Skype UI Reference but I don't like to use the "image assets" that Skype has available. 我想使用Skype UI Reference中的skype-ui，但我不喜欢使用Skype提供的“图像资产”。 I have created my personalized Skype button and I want to use it. 我创建了我的个性化Skype按钮，我想使用它。 How can I do this? 我怎样才能做到这一点？

I know that there is a code like this: 我知道有这样的代码：

<a href="skype:echo123?call">Call</a> the Skype Echo / Sound Test Service

and it can easily be use as any kind of button but when using this on a computer that doesn't have any skype installed, the thing won't allow me to redirect in the downloads page of skype. 并且它可以很容易地用作任何类型的按钮，但是当在没有安装任何skype的计算机上使用它时，该东西将不允许我在skype的下载页面中重定向。 Unlike when using the js script: 与使用js脚本时不同：

<div id="call_32" style="width:20%;background-color:#0094ff">
<script type="text/javascript">
    Skype.ui({
        name: "call",
        element: "call_32",
        participants: ["echo123"],
        imageSize: 32,
        imageColor: "white"
    });
 </script>
</div>

But it won't let me use a personalized button. 但它不会让我使用个性化的按钮。

Please help. 请帮忙。

Thanks, 谢谢，

mark 标记

Answer 1

I know this question is a bit old, but as I just faced the same problem I thought I would share my solution. 我知道这个问题有点老了，但是当我遇到同样的问题时，我想我会分享我的解决方案。

Include the skypeui.js package as instructed somewhere before the button 按照按钮之前的某处指示包含skypeui.js包

<script type="text/javascript" src="http://cdn.dev.skype.com/uri/skype-uri.js"></script>

Then simply use the following markup, replace "myskypename" with the skype name or number you would like to call. 然后只需使用以下标记，将“myskypename”替换为您要调用的Skype名称或编号。

<div id="MyDiv">
   <a onclick="Skype.tryAnalyzeSkypeUri('call', '0');" href="skype:myskypename?call">
      <img role="Button" src="/images/mybutton.gif">
   </a>
</div>

Answer 2

1) Insert the skype button like explained here : http://www.skype.com/en/features/skype-buttons/create-skype-buttons/ 1）插入skype按钮，如下所述： http ： //www.skype.com/en/features/skype-buttons/create-skype-buttons/

2) Hide the skype button div. 2）隐藏skype按钮div。

$('#SkypeButton_Call_your_skype_id_1').css('display', 'none');

3) Place your own image / link 3）放置您自己的图像/链接

<a href="" onclick="skype_contact();">Call me</a>

4) Place this function in your js file. 4）将此函数放在js文件中。 (it's the same code than the one that's triggered when you click on the skype Button) （它与您单击Skype按钮时触发的代码相同）

function skype_contact()
{
    Skype.tryAnalyzeSkypeUri('call', '0');
    Skype.trySkypeUri_Generic('skype:your_skype_id?call', $('#SkypeButton_Call_your_skype_id_1 > iframe').attr('id'), '0');         
}

Answer 3

Try this, this is working.. 试试这个，这是有效的..

<html>
<script type="text/javascript" src="http://www.skypeassets.com/i/scom/js/skype-uri.js"></script>
<div id="SkypeButton_Call_dhruv_1">
  <script type="text/javascript">
    Skype.ui({
      "name": "call",
      "element": "SkypeButton_Call_dhruv_1",
      "participants": ["dhruv"],
      "imageSize": 32
    });
  </script>
</div>
</html>

Answer 4

Based on above answer by François-Xavier De Nys 根据François-Xavier De Nys的上述答案

Supports call and chat links. 支持通话和聊天链接。

Replace echo123 with your skype ID. 将echo123替换为您的Skype ID。

Scripts: 脚本：

<script src="https://secure.skypeassets.com/i/scom/js/skype-uri.js"></script>

<script>
// code for adding and clicking hidden Skype buttons
var
SkypeButtons_ek = {},

// call when doc ready to setup the hidden button
// id = any unique id, user = your skype user id, type = call or chat
SkypeButton_ek_add = function(id, user, type){
  SkypeButtons_ek[id] = {user: user, type: type};
  jQuery("body").append('<div id="SkypeButton_ek_'+id+'"></div>');
  Skype.ui({
    "name": type,
    "element": "SkypeButton_ek_"+id,
    "participants": [user]
  });
  jQuery("#SkypeButton_ek_"+id+", #SkypeButton_ek_"+id+" > iframe").hide();
},

// call from your own link/button/event
// id is the same id you passed to SkypeButton_ek_add
SkypeButton_ek_click = function(id){
  if (SkypeButtons_ek[id].type == 'chat')
    SkypeWebControl.SDK.Chat.startChat({ConversationType: 'person', ConversationId: SkypeButtons_ek[id].user});
  else {
    Skype.tryAnalyzeSkypeUri(SkypeButtons_ek[id].type, '0');
    Skype.trySkypeUri_Generic('skype:'+SkypeButtons_ek[id].user+'?'+SkypeButtons_ek[id].type+'', jQuery('#SkypeButton_ek_'+id+' > iframe').attr('id'), '0');
  }
};

// add Skype buttons hidden
jQuery(document).ready(function($){
  SkypeButton_ek_add(1, 'echo123', 'chat'); 
  SkypeButton_ek_add(2, 'echo123', 'call'); 
});
</script>

Markup 标记

<a href="" onclick="SkypeButton_ek_click(1); return false;">Skype Chat</a>
<a href="" onclick="SkypeButton_ek_click(2); return false;">Skype Call</a>

You can of course add or bind the SkypeButton_ek_click call to any event. 您当然可以将SkypeButton_ek_click调用添加或绑定到任何事件。

Answer 5

`<a href="skype:your skype id">`your icon or button here</a>

在这里阅读更多关于skype按钮的信息http://msdn.microsoft.com/en-us/library/office/dn745878

如何将skype-uri.js与个性化按钮一起使用？

问题描述

5 个解决方案

解决方案1
23 2013-08-08 08:18:13

解决方案2
1 2015-09-14 17:16:21

解决方案3
0 2014-02-12 06:19:46

解决方案4
0 2018-04-07 09:26:03

解决方案5
-2 2014-12-23 14:44:54

如何将skype-uri.js与个性化按钮一起使用？

问题描述

5 个解决方案

解决方案1 23 2013-08-08 08:18:13

解决方案2 1 2015-09-14 17:16:21

解决方案3 0 2014-02-12 06:19:46

解决方案4 0 2018-04-07 09:26:03

解决方案5 -2 2014-12-23 14:44:54

解决方案1
23 2013-08-08 08:18:13

解决方案2
1 2015-09-14 17:16:21

解决方案3
0 2014-02-12 06:19:46

解决方案4
0 2018-04-07 09:26:03

解决方案5
-2 2014-12-23 14:44:54