---
title: "Audio Social Proof — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Ottoni · Players. Telegram-Style Audio Player"
canonical: "https://framer.elliotli.dev/component/audio-social-proof"
---

[Home](/)/[Components](/components)/[Players](/components/category/players)/Audio Social Proof

# Audio Social Proof

Telegram-Style Audio Player

[View on Framer](https://framer.com/marketplace/components/audio-social-proof/?via=elliot-li)

![Audio Social Proof preview image 1](https://framer.elliotli.dev/og/component/audio-social-proof/67ffd2b2fdd31241/1600x1200.jpg)

## Summary

Telegram-Style Audio Player

## Description

**The ultimate social proof tool for infoproducts, paid communities, and launch landing pages.** If you are building a sales page for a course, a VIP group, a signal channel, or a membership program, your audience lives on Telegram.

**Key Features:**

-   **Full Telegram UI Replication:** Includes user avatars, distinct group-style colored usernames, dual-time indicators (current vs. total duration), and the unmistakable Telegram badge layout.
    
-   **Interactive Timeline Scrubbing:** Fully interactive waveform. Visitors can click or drag to navigate through the audio testimonial dynamically.
    
-   **Avatar & Identity Support:** Features a dedicated circular profile photo slot that handles images perfectly, mirroring how members appear in channels and groups.
    
-   **Dual Layout Modes (Own vs. Received):** Toggle between an incoming message from a client (with full identity details) or an outgoing broadcast layout.
    
-   **Automated Dual-Time Layout:** Displays both the active playback timer and the total duration simultaneously, maintaining complete behavioral accuracy.
    

### **Technical Controls (Framer Sidebar):**

-   **Audio File:** Standardized slot for `.mp3`, `.wav`, `.ogg`, or `.mpeg` uploads. Fully native execution with zero lag.
    
-   **User Name:** Customize the display name to show client names, handles, or roles (e.g., "John | Student").
    
-   **User Photo:** Upload field supporting `.jpeg`, `.png`, and `.webp` to quickly set client avatars.
    
-   **Timestamp:** Quick string input to modify the message delivery time and match your page's narrative timeline.
    
-   **Own Message Toggle:** Flip the boolean switch to change bubble orientation and styling depending on who is "sending" the audio.
    
-   **Accent Color:** Tailor the signature Telegram blue (`#2ca5e0`) to align with your brand guidelines or specific design themes.
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #5078

## Details

- **Author**: Ottoni
- **Price**: $10.00
- **Published**: 2026-07-06
- **Updated**: 2026-10-26
- **Added**: 2026-07-06
- **Categories**: Players

## More like this

-   [Cozy Video Card](/component/cozy-video-card) — 日香理 / hikari · $1 — A cozy card for your YouTube video
-   [A/B Audio Player Pro](/component/a-b-audio-player-pro) — Injamul Haque Somrat · $24 — Master Audio Comparison Player
-   [Reelflow](/component/reelflow) — Quaders · Free — An auto video ticker for reels
-   [Mux Video](/component/mux-video) — NorthGarden · $3 — Drop Mux video into any Framer site with full control over playback, UI, and interaction.