“超越”高考许愿机上线，祝大家“超越”录取线

RTE开发者社区

于 2019-06-06 18:00:00 发布

阅读量237

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/agora_cloud/article/details/91921934

一位程序员参加杨超越编程大赛，创作了一款许愿机应用，利用网络摄像头直播打印机，接收全球用户的许愿内容并实时展示。项目采用AgoraWebRTCSDK实现音视频互动，部署于AWS，展现了RTC技术在创意项目中的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前些日子，我司做了个小的内部分享活动，无心插柳，没想到还有个意外收获。

我司有位小哥哥，参加了前两个月的 “杨超越编程大赛”，提交了一份作品，作品思路清奇，“拼”了一台许愿机。

许愿是否灵验，我们也不知道，我们也不敢问。但，万一实现了呢？

本着“传播 RTC 技术”的原则，我们让他将开发过程也写了下来，一并分享出来。

不论你身边是否有高考的小盆友，都欢迎你来领取这份端午前的锦（yu）鲤（le）。

注：看到最后有惊喜！！

朋友们可以直接去 https://ycy.dev 体验，或点击「阅读原文」（PC 端显示效果更好）。注意，有BGM，耳机党预警。

github：https://github.com/scaret/ycy-wishing-machine

应用介绍

灵感来自于超越的幸运A体质。通过向超越许愿的形式来分享超越的幸运值。该项目通过网络摄像头直播一个放在PO主家的打印机。你可以通过H5页面向打印机发送许愿内容。许愿内容会通过网页直播实时传回，并被全世界看到。许愿纸攒到一定程度会寄给超越。
另外，最近买了个小爱同学，打算也放入摄像头范围，加上音视频互通能力，就可以通过实时音视频远程操控小爱同学啦。

线上环境

因为是个人项目，也不好意思用公司机器，于是蹭了AWS Free Tier，使用了AWS日本的Ubuntu 16.04，micro类型的实例。

640?wx_fmt=png

基本上服务器只是起到托管页面的作用，由于嫌备案麻烦而放在日本，还比较慢。其他设置如下：

nginx/1.10.3
node.js/10.15.3
pm2 3.5.0
express/4.16.4

域名是花650块重金从Google买的。证书是免费的LetEncrypt证书。咕咕机是去年买的在家吃灰了一年翻出来的。

640?wx_fmt=png

实时音视频技术用的当然是Agora WebRTC SDK啦。主播端和观众端都使用的是Web。

WebRTC主播端

主播端比较简单，就是一个发送端网页。获取摄像头权限后发动到指定频道即可。

为了兼容不同设备的观众端的Codec，所以主播端发送H264、VP8两路视频。两路视频都是720P的设置。

var codecs = ["h264", "vp8"];	
codecs.forEach(function(codec){	
    var client = AgoraRTC.createClient({mode: "rtc", codec: codec});	
    client.init("<appId>", function () {	
        client.join(null, cname + "_" + codec, 8888, function(){	
            console.log("Client joined");	
            const spec = {video: true, audio: true};	
            const localStream = AgoraRTC.createStream(spec);	
            localStream.setVideoProfile("720p_2");	
            console.log("spec", spec);	
            localStream.init(function(){	
                window.vt = localStream.stream.getVideoTracks()[0]	
                console.log("LocalStream Inited");	
                client.publish(localStream);	
                client.on("stream-published", function(){	
                    console.log("stream published");	
                    localStream.play("local-container");	
                });	
            });	
        });	
    });	
});

之后我额外做了混音功能，在频道内不间断地播放【卡路里之歌】。