我如何实时更新 html 元素?
How would I update an html element live?
Whosebug!
我目前正在做一个项目,您可以通过网页请求音乐,并通过主机播放音乐。例如,如果您在 Raspberry Pi 上有项目 运行,那么您可以通过它的 Web 界面请求音乐,并且它会被添加到请求列表中。我计划使用 Bottle 模块在 python 内完成。考虑到这一点,我想要一个显示当前歌曲标题的实时 "Now playing" 元素。另外,如果用户可以看到接下来要播放的歌曲并且该列表会实时更新,我会很高兴。例如,当下一首歌曲开始播放时,播放列表中的第一首歌曲将成为 "Now Playing" 区域中的内容,并且整个播放列表会在浏览器中实时更改。或者如果用户请求一首新歌,它会被实时添加到播放列表的底部。这样,用户不必刷新页面即可看到更新。
我在网上阅读了有关使用 comet 的信息,但找不到太多有关使用 Bottle 和 python 执行此操作的信息。有没有办法做到这一点?如果是这样,有人可以带我举一个以某种方式使用它的例子吗?我没有太多使用 JavaScript(或一般的 Web 开发)的经验,但我对 python 非常满意。我对 html 没问题,可以创建一些基本网页。我以前做过网络界面,但是 none 有实时统计数据(比如播放列表和 "Now playing" 字段。)所以如果有一个可以用 Python 轻松完成的答案,我会喜欢那个!
谢谢!
您在这里寻找的是 WebSockets! :) 他们在这种情况下会工作得很好。 bottle有一个websocket server package,上面也叫gevent-websocket you can find a simple tutorial for using this with bottle here at the bottle docs. It should be very simple to write a websocket client in js in a few lines (I've done this before myself.) You can find an
Whosebug!
我目前正在做一个项目,您可以通过网页请求音乐,并通过主机播放音乐。例如,如果您在 Raspberry Pi 上有项目 运行,那么您可以通过它的 Web 界面请求音乐,并且它会被添加到请求列表中。我计划使用 Bottle 模块在 python 内完成。考虑到这一点,我想要一个显示当前歌曲标题的实时 "Now playing" 元素。另外,如果用户可以看到接下来要播放的歌曲并且该列表会实时更新,我会很高兴。例如,当下一首歌曲开始播放时,播放列表中的第一首歌曲将成为 "Now Playing" 区域中的内容,并且整个播放列表会在浏览器中实时更改。或者如果用户请求一首新歌,它会被实时添加到播放列表的底部。这样,用户不必刷新页面即可看到更新。
我在网上阅读了有关使用 comet 的信息,但找不到太多有关使用 Bottle 和 python 执行此操作的信息。有没有办法做到这一点?如果是这样,有人可以带我举一个以某种方式使用它的例子吗?我没有太多使用 JavaScript(或一般的 Web 开发)的经验,但我对 python 非常满意。我对 html 没问题,可以创建一些基本网页。我以前做过网络界面,但是 none 有实时统计数据(比如播放列表和 "Now playing" 字段。)所以如果有一个可以用 Python 轻松完成的答案,我会喜欢那个!
谢谢!
您在这里寻找的是 WebSockets! :) 他们在这种情况下会工作得很好。 bottle有一个websocket server package,上面也叫gevent-websocket you can find a simple tutorial for using this with bottle here at the bottle docs. It should be very simple to write a websocket client in js in a few lines (I've done this before myself.) You can find an