Live Cricket Scores

ЁЯПП Live Cricket Scores

Loading matches...
``` ### Updated CSS (styles.css) ```css :root { --primary-color: #1a1a1a; --secondary-color: #00b894; --text-color: #ffffff; --card-bg: rgba(255, 255, 255, 0.05); } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: var(--primary-color); color: var(--text-color); line-height: 1.6; } .container { max-width: 1200px; margin: 0 auto; padding: 20px; } .title { text-align: center; margin: 2rem 0; color: var(--secondary-color); font-size: 2.5em; } .filters { display: flex; gap: 10px; margin: 20px 0; justify-content: center; } .filter-btn { padding: 8px 20px; border: none; border-radius: 20px; background: var(--card-bg); color: var(--text-color); cursor: pointer; transition: all 0.3s ease; } .filter-btn.active { background: var(--secondary-color); color: var(--primary-color); } .match-card { background: var(--card-bg); border-radius: 10px; padding: 20px; margin: 15px 0; backdrop-filter: blur(5px); transition: transform 0.3s ease; border-left: 4px solid var(--secondary-color); } .match-card:hover { transform: translateY(-3px); } .match-header { display: flex; justify-content: space-between; margin-bottom: 15px; font-size: 0.9em; opacity: 0.8; } .teams { display: flex; justify-content: space-between; align-items: center; margin: 20px 0; } .team { display: flex; align-items: center; gap: 15px; width: 40%; } .team-logo { width: 40px; height: 40px; object-fit: contain; } .vs { font-weight: bold; color: var(--secondary-color); } .score { font-size: 1.1em; margin: 10px 0; color: var(--secondary-color); } .status { padding: 8px 15px; border-radius: 20px; font-size: 0.9em; display: inline-block; } .status.fixture { background: rgba(0, 184, 148, 0.2); color: var(--secondary-color); } .status.result { background: rgba(231, 76, 60, 0.2); color: #e74c3c; } .status.live { background: rgba(46, 204, 113, 0.2); color: #2ecc71; animation: pulse 1.5s infinite; } @keyframes pulse { 0% { opacity: 1; } 50% { opacity: 0.5; } 100% { opacity: 1; } } .loader { text-align: center; padding: 30px; font-size: 1.2em; color: rgba(255, 255, 255, 0.5); } @media (max-width: 768px) { .container { padding: 10px; } .team { flex-direction: column; text-align: center; width: 30%; } .team-logo { margin: 0 auto; } } ``` ### Updated JavaScript (script.js) ```javascript const API_URL = 'https://api.cricapi.com/v1/cricScore?apikey=00bac71d-0494-41d7-a39c-428a4316ddca'; const matchesContainer = document.getElementById('matches'); const filterButtons = document.querySelectorAll('.filter-btn'); let allMatches = []; // Filter matches based on status function filterMatches(filter) { matchesContainer.innerHTML = ''; const filteredMatches = allMatches.filter(match => { if (filter === 'all') return true; if (filter === 'live') return match.ms === 'live'; if (filter === 'upcoming') return match.ms === 'fixture'; if (filter === 'result') return match.ms === 'result'; return true; }); if (filteredMatches.length === 0) { matchesContainer.innerHTML = '
No matches found in this category
'; return; } filteredMatches.forEach(createMatchCard); } // Create match card element function createMatchCard(match) { const matchCard = document.createElement('div'); matchCard.className = 'match-card'; const statusClass = match.ms === 'result' ? 'result' : match.ms === 'fixture' ? 'fixture' : match.ms === 'live' ? 'live' : ''; matchCard.innerHTML = `
${match.series} ${match.matchType.toUpperCase()}
${match.t1}
${match.t1s || 'Yet to bat'}
VS
${match.t2}
${match.t2s || 'Yet to bat'}
${match.status}
`; matchesContainer.appendChild(matchCard); } // Fetch data from API async function fetchLiveScores() { try { const response = await fetch(API_URL); const data = await response.json(); if (data.status !== 'success') { throw new Error('Failed to fetch data'); } allMatches = data.data; filterMatches('all'); } catch (error) { matchesContainer.innerHTML = '
Error fetching data. Please try again later.
'; console.error('Error:', error); } } // Filter button click handler filterButtons.forEach(button => { button.addEventListener('click', () => { filterButtons.forEach(btn => btn.classList.remove('active')); button.classList.add('active'); filterMatches(button.dataset.filter); }); }); // Initial load fetchLiveScores(); // Auto-refresh every 15 seconds setInterval(fetchLiveScores, 15000); ```
# tts_onefile.py import io import base64 import torch from flask import Flask, request, jsonify, render_template_string from flask_cors import CORS from transformers import VitsModel, AutoTokenizer import numpy as np from scipy.io.wavfile import write # Initialize Flask app app = Flask(__name__) CORS(app) # Load AI models model = VitsModel.from_pretrained("facebook/mms-tts-eng") tokenizer = AutoTokenizer.from_pretrained("facebook/mms-tts-eng") # In-memory storage for demo users = {} voice_clones = {} HTML_TEMPLATE = """ AI TTS Demo
""" @app.route('/') def home(): return render_template_string(HTML_TEMPLATE) @app.route('/tts', methods=['POST']) def text_to_speech(): data = request.json text = data['text'][:500] # Limit text length for demo # Generate speech inputs = tokenizer(text, return_tensors="pt") with torch.no_grad(): output = model(**inputs).waveform audio = output.cpu().numpy().squeeze() # Simple speed adjustment speed = float(data.get('speed', 1.0)) audio = audio[::int(1/speed)] # Convert to WAV buffer = io.BytesIO() write(buffer, 16000, (audio * 32767).astype(np.int16)) return jsonify({ 'audio': base64.b64encode(buffer.getvalue()).decode('utf-8'), 'format': 'audio/wav' }) if __name__ == '__main__': app.run(host='0.0.0.0', port=5000)
Video Transcription Tool

Video Transcription Tool

Processing video... This may take a few moments.

Video Preview

Transcript

Note: This tool uses your browser's Speech Recognition API, which:

  • Works best with clear audio and may not be perfect for all videos
  • Requires internet connection for processing
  • Works best in Chrome and Edge browsers
  • For YouTube videos, only the preview will show due to security restrictions
QR Code Generator

QR Code Generator

QR Code
ME-QR | Advanced QR Code Generator
EN

Create & Customize
Your Dynamic QR code for FREE

Easily generate, manage and statistically track your QR codes

Create
Customize
Track & Analytics
ЁЯФЧ URL / Link тУШ тЖТ
ЁЯУЛ List of Links тУШ тЖТ
ЁЯУз Email тУШ тЖТ
ЁЯЦ╝я╕П Image тУШ тЖТ
ЁЯУД PDF тУШ тЖТ
ЁЯО╡ Audio тУШ тЖТ
ЁЯСд vCard тУШ тЖТ
ЁЯУЭ Text тУШ тЖТ
ЁЯУН Location тУШ тЖТ
ЁЯУ▒ Apps тУШ тЖТ
ЁЯУ╢ WiFi тУШ тЖТ
ЁЯУ▒ Social Media тУШ тЖТ
QR Code Size
200 x 200 px
Foreground Color
Background Color
QR Code Style
Square
Rounded
Dots
Error Correction

Higher correction allows for more damage to the QR code while remaining scannable

Add Logo
Logo Preview
Download ME-QR App

Create QR Code in 3 Steps

1
Select QR Code Type
Choose from various QR code types like URL, vCard, Email, and more.
2
Enter Your Content
Fill in the required information for your selected QR code type.
3
Customize & Download
Personalize your QR code with colors, logos, and download in various formats.
тЬУ
QR Code generated successfully!
`); printWindow.document.close(); } function shareQRCode() { // In a real implementation, this would use the Web Share API if available // For this demo, we'll just show a toast message if (navigator.share) { qrCanvas.toBlob(function(blob) { const file = new File([blob], "meqr-code.png", { type: "image/png" }); navigator.share({ title: 'My QR Code', text: 'Check out my QR code created with ME-QR!', files: [file] }) .then(() => showToast('QR Code shared successfully!', 'success')) .catch((error) => console.error('Error sharing:', error)); }); } else { showToast('Sharing is not supported on this browser', 'info'); } } function showToast(message, type = 'success') { toastMessage.textContent = message; toast.className = 'toast'; if (type === 'success') { toast.classList.add('toast-success'); toastIcon.textContent = 'тЬУ'; } else if (type === 'error') { toast.classList.add('toast-error'); toastIcon.textContent = 'тЬЧ'; } else { toastIcon.textContent = 'тУШ'; } toast.classList.add('show'); setTimeout(() => { toast.classList.remove('show'); }, 3000); }

Live Cricket Scores ЁЯПП Live Cricket Scores All Live U...