javascript - 更改 MSN 聊天状态图标

Question

我正在使用此技巧将 MSN Messenger 集成到我的网站:http://en.kioskea.net/faq/3987-integrate-msn-chat-on-your-website-or-blog它显示一个带有当前 MSN 状态(在线、离开等)的图标。我想改变这些图像。可能吗？

Answer 1

我第一次回答这个问题时犯了一个错误:

前往此处:

http://messenger.services.live.com/users/XXXXXXXXXXX@apps.messenger.live.com/presenceimage?mkt=en-GB

会将您重定向到:

http://www.wlmessenger.net/static/img/presence/Offline.gif

这使得检测状态变得更加容易!

我错过了。

---

我看这里:

http://settings.messenger.live.com/Applications/CreateHtml.aspx

我选择了 Status Icon 选项，得到的代码如下:

<a target="_blank" href="http://settings.messenger.live.com/Conversation/IMMe.aspx?invitee=XXXXXXXXXXX@apps.messenger.live.com&mkt=en-GB">
    <img style="border-style: none;"
     src="http://messenger.services.live.com/users/XXXXXXXXXXX@apps.messenger.live.com/presenceimage?mkt=en-GB"
     width="16" height="16" />
</a>

无论您处于什么状态，图像的路径都保持不变。

无法根据使用纯 HTML/CSS/JS (afaik) 在图像中返回的状态来更改图像。 (即使在我意识到它重定向之后)

我能想到一种技术来做到这一点， 但这 不容易 而且不太难，但你必须使用服务器端语言，例如 PHP 或 ASP.NET。

您可以将该代码更改为如下内容:

<a target="_blank" href="http://settings.messenger.live.com/Conversation/IMMe.aspx?invitee=XXXXXXXXXXX@apps.messenger.live.com&mkt=en-GB">
    <img style="border-style: none;" 
     src="proxyMyMsnImage.php"
     width="16" height="16" />
</a>

proxyMyMsnImage.php 会做以下事情:

• 对图像 (http://messenger.services.live.com/users/XXXXXXXXXXX@apps.messenger.live.com/presenceimage?mkt=zh-CN)
• 根据重定向到的图像(例如 Offline.gif)，您发送自己版本的状态图像以及正确的 mime 类型，例如 image/gif.
• 您可以缓存此结果，并且仅在至少经过 X 时间(例如 2 分钟)后才更新它。

弄清楚如何检测发送给您的状态图像是 最困难的部分 ，现在变得非常简单。