Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Live football commentary..... how do I achieve something like this?

Featured Replies

Hi All

Sincerely hope I've posted in this in the right section

Could someone have a look at the image below, it's a snippet I took from the BBC website. It's a live commentary of a football game that someone posts. I have my own amateur football club website and I'd like to the same thing but have no idea how it's done. Is it some sort of chatbox, javascript? will it be easy enough for a developer to implement on my site

 

snippet_zpsbrf2xfmv.jpg

 

 

Writing a "traditional" chat application for example in php is a bit of a headache as you need to be constantly poking the server for updates. As far as I am aware, the best way to achieve this currently would be to make use of sockets. Essentially you can implement a "bi-directional communication channel between a client and a server" and with that push messages out to a webpage in real-time.

 

Take a look at this tutorial on node.js and socket.io. It covers, from a beginner level, the creation of a chat application which could be pretty easily adapted to do what you described above:

 

http://socket.io/get-started/chat/

Edited by Fee

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.