tipxmr-frontend 正在参加 2021 年度 OSC 中国开源项目评选,请投票支持!
tipxmr-frontend 在 2021 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
2021 年度 OSC 中国开源项目评选 正在火热进行中,快来投票支持你喜欢的开源项目!
2021 年度 OSC 中国开源项目评选 >>> 中场回顾
tipxmr-frontend 获得 2021 年度 OSC 中国开源项目评选「最佳人气项目」 !
授权协议 AGPL-3.0 License
开发语言 JavaScript
操作系统 跨平台
软件类型 开源软件
所属分类 应用工具多媒体工具
开源组织
地区 不详
投 递 者 首席测试
适用人群 未知
收录时间 2021-11-23

软件简介

src/images/tipxmr-live.png

TipXMR - The Livestream Tipping Service for OBS

TipXMR is a web based application that let’s you accept donations in your livestream.

💸 Our CCS Funding Campaign

The Goal

We want to provide an open source, non-custodial service for streamers all around the world to accept XMR in their live streams and display some information about the donor.

This will allow for a censorship resistant income source, independent of the big players like Twitch, YouTube, PornHub 🙊 and the like.

How it works

Creating a non-custodial yet easy to use web-based experience:

Thanks to the awesome monero-javascript library of woodser that includes a Monero WASM wallet, we can provide users with a non-custodial Monero wallet in their local browser. We are able to write the logic, interface and features beforehand and let our users utilize them themselves. With the Web Assembly Wallet, the hoster of the service is at no time in control of the keys of the users.

Typical process for streamers

  • 💡 A streamer chooses to monetize their stream with TipXMR.live.
  • 💻 The streamer then navigates to https://tipxmr.live or any other website hosting this project code.
  • On the site the streamer follows the Sign-up process, generates a new seed in their browser and picks a username
  • 👈 The new account is now created and ready to be customized. The streamer will have multiple options to make the donation model fit their brand and style.
  • 🎬 The streamer now adds a new browser source to their OBS setup. Just like with Streamlabs, this is a unique URL that points to a blank website. New donations will be displayed here and overlayed in the stream.
  • 🖥️ Now the streamer just needs to link their viewers to their TipXMR url (something like https://tipxmr.live/<StreamerName>) where donors can enter their messages and are displayed QR codes/XMR-addresses.
  • 💸 Donations will be sent to streamers WASM wallet, which should be swept in regular intervals.

As you can see, the endusers (i.e. streamer and donors) are not required to have a deep understanding of the Monero network. TipXMR delivers an easy path for streamers to monetize their content powered by the best privacy coin out there.

Login

TipXMR requires very little information about the streamer who creates an account. There is no KYC process or even email required. After picking the username, the streamer can sign in by using their seed. While it may seem dangerous at first glance to enter a XMR seed into a browser, since TipXMR uses the WebAssembly wallet the seed never leaves the local computer. Of course, a compromised machine would leak the seed and risk loosing funds. However, in the end is OpSec a personal responsibility and we could never guarantee safety. Therefore, we simply recommend sweeping the TipXMR wallet regularly in addition to other cybersafety measures.

On login, the local browser hashes the seed and sends it to the user db. The hashed seed is used on the server side to authorize the user and log them in.

Wallet functionality

Once logged in the streamer is presented a dashboard, which offers stats, settings and a basic wallet. While the wallet interface is still a work in progress, the design should be minimal. The wallet should not be used as a store for large amounts, because of the inherent risk of being on a machine connected to the internet. The streamer will be able to provide a withdrawal address in the settings and be able to sweep the entire balance to this address with an easy button.

Typical process for donors

  • 👀 A donor sees that a streamer uses TipXMR and clicks on a link
  • 🖥️ The https://tipxmr.live/<StreamerName> site is brought up, which has an embedded video player of the stream and a simple form to specify a message.
  • Users can type their message and give themselves a name.
  • 🪙 The users continues to the next page, which displays an XMR address/QR code and is prompted for payment.
  • 📱 The user uses a mobile wallet or desktop wallet to create the transaction and broadcast it to the network.
  • 🥅 Once the WASM wallet of the streamer sees the transaction on the network, it is displayed on the stream.

The tipping process is very easy for anybody familiar with a mobile wallet. Monero and cryptocurrencies as a means for payment is still very niche. So we expect in the early days to be used mostly in the Monero community, where usage is not an issue. Nevertheless, we hope that TipXMR can expand the use-case and educate more people on how to use it.

Note: Donors are always anonymous. They do not require an account to tip. This may lead to abusive messages, which could cause trouble for the streamer on a platform like Twitch. Therefore we plan to have an option to approve messages before they are displayed in the stream.

Installation

If you want to try out TipXMR on your own machine, use TipDocker and follow the instructions here.

Who we are

We are Monero enthusiasts and hold the ethos dear. Hundehausen and AlexAnarcho are hosts of the german-speaking MoneroMumble Podcast since early 2018. mghny has professional experience in the field of software development and architecture.

Hundehausen

has contributed many times to the Monero community, most recently with an infographic about the workings of a Monero wallet. Grischa also wrote his bachelor thesis on the thought of “Monero as a currency for the masses” (thesis in German).

AlexAnarcho

has been involved in the early days of the Monero Outreach and is a well-known outspoken advocate for Monero in the German community.

mghny

who chooses to remain pseudonymous - has been a professional software-engineer for 5 years and has been coding for 8 years. They have been involved with TipXMR.live since the very beginning and keeps an eye on architecture, code and many more technical aspects. It cannot be overstated how beneficial an experienced engineer is in a project like ours, since it reduces complexity and makes the code easily reusable by other developers.

License

⚖️AGPL-3.0 License

展开阅读全文

代码

评论 (0)

加载中
更多评论
暂无内容
2019/06/16 10:05

frontend badi

Created by Wang, Jerry, last modified on Jan 12, 2015 本文同步分享在 博客“汪子熙”(CSDN)。 如有侵权,请联系 support@oschina.cn 删除。 本文参与“OSC源创计划”,欢迎正在阅读的你也加入,一起分享。

0
0
2019/09/21 21:38

frontend badi

Created by Wang, Jerry, last modified on Jan 12, 2015 要获取更多Jerry的原创文章,请关注公众号"汪子熙": 本文同步分享在 博客“汪子熙”(CSDN)。 如有侵权,请联系 support@oschina.cn 删除。 本文参与“OSC源创计划”,欢迎正在阅读的你也加入,一起分享。

0
0
发表了博客
2018/09/30 09:07

Backend For Frontend (BFF)

感谢支持ayqy个人订阅号,每周义务推送1篇(only unique one)原创精品博文,话题包括但不限于前端、Node、Android、数学(WebGL)、语文(课外书读后感)、英语(文档翻译) 如果觉得弱水三千,一瓢太少,可以去 http://blog.ayqy.net 看个痛快 零.背景 服务端需要支持多种前端设备下的用户体验时,常常面临现有API与某一端UI紧耦合的情况 比如为PC端页面设计的API需要支持移动端,发现现有接口从设计到实现都与桌面UI展示需求...

0
1
发表了博客
2020/11/16 08:04

FrontEnd笔记 -- CSS

文章目录 CSS基础 简介 样式引用方式 样式选择器 字体 背景 伪类选择器 属性选择器 关系选择器 伪元素 小练习 CSS浮动布局&盒模型 浮动 盒子模型 CSS基础 简介 CSS:层叠样式表,用来美化网页的,做到结构(html)和样式(css)分离。 基本语法 selector{   property : value; } selector:选择器通常是需要改变样式的HTML元素 样式引用方式 行间(内联)样式:直接在标签上书写样式 <!-- 在线运行网站:https://www.runoob.com/runc...

0
0
发表了博客
2019/08/26 17:45

安装 docker-registry-frontend

拉取镜像 最新的V2 docker pull konradkleine/docker-registry-frontend:v2 创建 docker-compose.yml version: '3' services: frontend: image: konradkleine/docker-registry-frontend:v2 restart: always ports: - 8080:80 volumes: - ./certs/frontend.crt:/etc/apache2/server.crt:ro - ./certs/frontend.key:/etc/apache2/server.key:ro environment:...

0
0
2019/08/14 17:02

Serverless For Frontend 前世今生

前言 作为一个前端,你可能一直在迷茫,Node.js 的定位是什么?为什么我们需要它? 尤其是到了 2019 这个时间点,未来一段时间内,有一个词 —— Serverless 你会听到想吐。 所有人都在说 Serverless 几乎没有人知道如何落地 Serverless 但大家都觉得其他人在大力做 Serverless 所以大家都在宣传自己在做 Serverless 阿里作为 Node.js 国内的引航者,在该领域深度实践多年。 在国内第一个引入 BFF 的概念,现在也是第一个提出 ...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
暂无内容
0 评论
0 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部