restore github
All checks were successful
Teste de Execução do Gitea Actions / verificacao_do_runner (push) Successful in 6s
All checks were successful
Teste de Execução do Gitea Actions / verificacao_do_runner (push) Successful in 6s
This commit is contained in:
240
.github/workflows/release_build.yml
vendored
Normal file
240
.github/workflows/release_build.yml
vendored
Normal file
@@ -0,0 +1,240 @@
|
|||||||
|
name: Build, Push, Publish
|
||||||
|
|
||||||
|
on:
|
||||||
|
push:
|
||||||
|
branches:
|
||||||
|
- main
|
||||||
|
workflow_dispatch:
|
||||||
|
schedule:
|
||||||
|
- cron: '28 5 * * *'
|
||||||
|
workflow_run:
|
||||||
|
workflows: ["Sync Repo"]
|
||||||
|
types:
|
||||||
|
- completed
|
||||||
|
|
||||||
|
jobs:
|
||||||
|
release:
|
||||||
|
name: Build & Release
|
||||||
|
runs-on: ubuntu-latest
|
||||||
|
permissions:
|
||||||
|
contents: write
|
||||||
|
packages: write
|
||||||
|
|
||||||
|
steps:
|
||||||
|
- name: 📥 Checkout code with full history and tags
|
||||||
|
uses: actions/checkout@v4
|
||||||
|
with:
|
||||||
|
fetch-depth: 0
|
||||||
|
|
||||||
|
- name: Check if any tags exist
|
||||||
|
id: check_tags_exist
|
||||||
|
run: |
|
||||||
|
git fetch --tags
|
||||||
|
TAG_COUNT=$(git tag | wc -l)
|
||||||
|
if [ "$TAG_COUNT" -eq 0 ]; then
|
||||||
|
echo "has_tags=false" >> "$GITHUB_OUTPUT"
|
||||||
|
echo "latest_tag=v0.0.0" >> "$GITHUB_OUTPUT"
|
||||||
|
else
|
||||||
|
echo "has_tags=true" >> "$GITHUB_OUTPUT"
|
||||||
|
LATEST_TAG=$(git describe --tags --abbrev=0)
|
||||||
|
echo "latest_tag=$LATEST_TAG" >> "$GITHUB_OUTPUT"
|
||||||
|
fi
|
||||||
|
|
||||||
|
- name: Check if meaningful commits exist since latest tag
|
||||||
|
id: check_commits
|
||||||
|
run: |
|
||||||
|
if [ "${{ steps.check_tags_exist.outputs.has_tags }}" = "false" ]; then
|
||||||
|
# No tags exist, so we should create first release
|
||||||
|
echo "commit_count=1" >> "$GITHUB_OUTPUT"
|
||||||
|
CHANGED_FILES=$(git ls-files | grep -v '^manifest.json$' || true)
|
||||||
|
if [ -n "$CHANGED_FILES" ]; then
|
||||||
|
echo "changed_files<<EOF" >> "$GITHUB_OUTPUT"
|
||||||
|
printf '%s\n' "$CHANGED_FILES" >> "$GITHUB_OUTPUT"
|
||||||
|
echo "EOF" >> "$GITHUB_OUTPUT"
|
||||||
|
else
|
||||||
|
echo "changed_files=Initial release" >> "$GITHUB_OUTPUT"
|
||||||
|
fi
|
||||||
|
else
|
||||||
|
LATEST_TAG="${{ steps.check_tags_exist.outputs.latest_tag }}"
|
||||||
|
CHANGED_FILES="$(git diff --name-only "${LATEST_TAG}..HEAD" | grep -v '^manifest.json$' || true)"
|
||||||
|
if [ -n "$CHANGED_FILES" ]; then
|
||||||
|
echo "commit_count=1" >> "$GITHUB_OUTPUT"
|
||||||
|
echo "changed_files<<EOF" >> "$GITHUB_OUTPUT"
|
||||||
|
printf '%s\n' "$CHANGED_FILES" >> "$GITHUB_OUTPUT"
|
||||||
|
echo "EOF" >> "$GITHUB_OUTPUT"
|
||||||
|
else
|
||||||
|
echo "commit_count=0" >> "$GITHUB_OUTPUT"
|
||||||
|
fi
|
||||||
|
fi
|
||||||
|
|
||||||
|
- name: Get latest release tag (from GitHub API)
|
||||||
|
id: get_latest_release
|
||||||
|
run: |
|
||||||
|
LATEST_RELEASE_TAG=$(curl -sL -H "Accept: application/vnd.github+json" \
|
||||||
|
-H "Authorization: Bearer ${{ secrets.GITHUB_TOKEN }}" \
|
||||||
|
"https://api.github.com/repos/${GITHUB_REPOSITORY}/releases/latest" | jq -r .tag_name)
|
||||||
|
if [ -z "$LATEST_RELEASE_TAG" ] || [ "$LATEST_RELEASE_TAG" = "null" ]; then
|
||||||
|
LATEST_RELEASE_TAG="v1.0.0"
|
||||||
|
fi
|
||||||
|
echo "latest_release_tag=$LATEST_RELEASE_TAG" >> "$GITHUB_OUTPUT"
|
||||||
|
echo "latest_release_version=${LATEST_RELEASE_TAG#v}" >> "$GITHUB_OUTPUT"
|
||||||
|
|
||||||
|
# -------------------------------
|
||||||
|
# Sync manifest.json to last release version if behind (only when no meaningful commits)
|
||||||
|
# -------------------------------
|
||||||
|
- name: 🛠 Ensure manifest.json matches latest release version
|
||||||
|
if: steps.check_commits.outputs.commit_count == '0'
|
||||||
|
run: |
|
||||||
|
if [ -f manifest.json ]; then
|
||||||
|
MANIFEST_VERSION=$(jq -r '.version // empty' manifest.json)
|
||||||
|
else
|
||||||
|
MANIFEST_VERSION=""
|
||||||
|
fi
|
||||||
|
LATEST_RELEASE_VERSION="${{ steps.get_latest_release.outputs.latest_release_version }}"
|
||||||
|
PYTHON_CODE="from packaging import version; \
|
||||||
|
print(version.parse('$LATEST_RELEASE_VERSION') > version.parse('$MANIFEST_VERSION') if '$MANIFEST_VERSION' else True)"
|
||||||
|
NEED_UPDATE=$(python3 -c "$PYTHON_CODE")
|
||||||
|
if [ "$NEED_UPDATE" = "True" ]; then
|
||||||
|
echo "Updating manifest.json to version $LATEST_RELEASE_VERSION (sync with release)"
|
||||||
|
jq --arg v "$LATEST_RELEASE_VERSION" '.version = $v' manifest.json > tmp.json && mv tmp.json manifest.json
|
||||||
|
git config user.name "github-actions"
|
||||||
|
git config user.email "github-actions@github.com"
|
||||||
|
git add manifest.json
|
||||||
|
git commit -m "Sync manifest.json to release $LATEST_RELEASE_VERSION [🔄]" || echo "Nothing to commit"
|
||||||
|
git push origin main || true
|
||||||
|
else
|
||||||
|
echo "Manifest.json is already up-to-date with the latest release."
|
||||||
|
fi
|
||||||
|
|
||||||
|
# -------------------------------
|
||||||
|
# Continue normal workflow if commits exist
|
||||||
|
# -------------------------------
|
||||||
|
- name: 📃 Get list of changed files (Markdown bullet list)
|
||||||
|
if: steps.check_commits.outputs.commit_count != '0'
|
||||||
|
id: changed_files
|
||||||
|
run: |
|
||||||
|
BULLET_LIST="$(printf '%s\n' "${{ steps.check_commits.outputs.changed_files }}" | sed 's/^/- /')"
|
||||||
|
echo "CHANGED<<EOF" >> "$GITHUB_OUTPUT"
|
||||||
|
printf '%s\n' "$BULLET_LIST" >> "$GITHUB_OUTPUT"
|
||||||
|
echo "EOF" >> "$GITHUB_OUTPUT"
|
||||||
|
COUNT="$(printf '%s\n' "${{ steps.check_commits.outputs.changed_files }}" | wc -l)"
|
||||||
|
echo "COUNT=$COUNT" >> "$GITHUB_OUTPUT"
|
||||||
|
|
||||||
|
- name: Get manifest version
|
||||||
|
if: steps.check_commits.outputs.commit_count != '0'
|
||||||
|
id: get_manifest_version
|
||||||
|
run: |
|
||||||
|
if [ -f manifest.json ]; then
|
||||||
|
MANIFEST_VERSION=$(jq -r '.version // empty' manifest.json)
|
||||||
|
if [ -z "$MANIFEST_VERSION" ] || [ "$MANIFEST_VERSION" = "null" ]; then
|
||||||
|
MANIFEST_VERSION="1.0.0"
|
||||||
|
fi
|
||||||
|
else
|
||||||
|
MANIFEST_VERSION="1.0.0"
|
||||||
|
fi
|
||||||
|
echo "manifest_version=$MANIFEST_VERSION" >> "$GITHUB_OUTPUT"
|
||||||
|
|
||||||
|
- name: Pick base version
|
||||||
|
if: steps.check_commits.outputs.commit_count != '0'
|
||||||
|
id: pick_base_version
|
||||||
|
run: |
|
||||||
|
LATEST_RELEASE="${{ steps.get_latest_release.outputs.latest_release_version }}"
|
||||||
|
MANIFEST="${{ steps.get_manifest_version.outputs.manifest_version }}"
|
||||||
|
BASE_VERSION=$(python3 -c "from packaging import version; \
|
||||||
|
print(str(max(version.parse('$LATEST_RELEASE'), version.parse('$MANIFEST'))))")
|
||||||
|
echo "base_version=$BASE_VERSION" >> "$GITHUB_OUTPUT"
|
||||||
|
|
||||||
|
- name: 🔢 Determine version
|
||||||
|
if: steps.check_commits.outputs.commit_count != '0'
|
||||||
|
id: version
|
||||||
|
run: |
|
||||||
|
BASE_VERSION="${{ steps.pick_base_version.outputs.base_version }}"
|
||||||
|
IFS='.' read -r MAJOR MINOR PATCH <<< "$BASE_VERSION"
|
||||||
|
COUNT="${{ steps.changed_files.outputs.COUNT }}"
|
||||||
|
if [ "$COUNT" -ge 5 ]; then
|
||||||
|
MAJOR=$((MAJOR + 1))
|
||||||
|
MINOR=0
|
||||||
|
PATCH=0
|
||||||
|
elif [ "$COUNT" -ge 3 ]; then
|
||||||
|
MINOR=$((MINOR + 1))
|
||||||
|
PATCH=0
|
||||||
|
else
|
||||||
|
PATCH=$((PATCH + 1))
|
||||||
|
fi
|
||||||
|
NEW_VERSION="${MAJOR}.${MINOR}.${PATCH}"
|
||||||
|
REPO_NAME="$(basename "$GITHUB_REPOSITORY")"
|
||||||
|
ZIP_NAME="${REPO_NAME}-${NEW_VERSION}.zip"
|
||||||
|
echo "VERSION=$NEW_VERSION" >> "$GITHUB_OUTPUT"
|
||||||
|
echo "ZIP_NAME=$ZIP_NAME" >> "$GITHUB_OUTPUT"
|
||||||
|
echo "REPO_NAME=$REPO_NAME" >> "$GITHUB_OUTPUT"
|
||||||
|
|
||||||
|
- name: 🛠 Update or create manifest.json
|
||||||
|
if: steps.check_commits.outputs.commit_count != '0'
|
||||||
|
run: |
|
||||||
|
VERSION="${{ steps.version.outputs.VERSION }}"
|
||||||
|
AUTHOR="Ivan Carlos"
|
||||||
|
VERSION_FILE="manifest.json"
|
||||||
|
if [ -f "$VERSION_FILE" ]; then
|
||||||
|
jq --arg v "$VERSION" --arg a "$AUTHOR" \
|
||||||
|
'.version = $v | .author = $a' "$VERSION_FILE" > tmp.json && mv tmp.json "$VERSION_FILE"
|
||||||
|
else
|
||||||
|
echo "{ \"version\": \"$VERSION\", \"author\": \"$AUTHOR\" }" > "$VERSION_FILE"
|
||||||
|
fi
|
||||||
|
|
||||||
|
- name: 💾 Commit and push updated manifest.json
|
||||||
|
if: steps.check_commits.outputs.commit_count != '0'
|
||||||
|
run: |
|
||||||
|
git config user.name "github-actions"
|
||||||
|
git config user.email "github-actions@github.com"
|
||||||
|
git add manifest.json
|
||||||
|
git commit -m "Update manifest version to ${{ steps.version.outputs.VERSION }} [▶️]" || echo "Nothing to commit"
|
||||||
|
git push origin main
|
||||||
|
|
||||||
|
- name: 📦 Create ZIP package (excluding certain files)
|
||||||
|
if: steps.check_commits.outputs.commit_count != '0'
|
||||||
|
run: |
|
||||||
|
ZIP_NAME="${{ steps.version.outputs.ZIP_NAME }}"
|
||||||
|
zip -r "$ZIP_NAME" . -x ".git/*" ".github/*" "docker/*" ".dockerignore" "CNAME" "Dockerfile" "README.md" "LICENSE"
|
||||||
|
|
||||||
|
- name: 🚀 Create GitHub Release
|
||||||
|
if: steps.check_commits.outputs.commit_count != '0'
|
||||||
|
uses: softprops/action-gh-release@v2
|
||||||
|
with:
|
||||||
|
tag_name: "v${{ steps.version.outputs.VERSION }}"
|
||||||
|
name: "${{ steps.version.outputs.REPO_NAME }} v${{ steps.version.outputs.VERSION }}"
|
||||||
|
body: |
|
||||||
|
### Changelog
|
||||||
|
Files changed in this release:
|
||||||
|
${{ steps.changed_files.outputs.CHANGED }}
|
||||||
|
files: ${{ steps.version.outputs.ZIP_NAME }}
|
||||||
|
|
||||||
|
# ----- Docker steps -----
|
||||||
|
- name: 🔍 Check if Dockerfile exists
|
||||||
|
if: steps.check_commits.outputs.commit_count != '0'
|
||||||
|
id: dockerfile_check
|
||||||
|
run: |
|
||||||
|
if [ -f Dockerfile ]; then
|
||||||
|
echo "exists=true" >> "$GITHUB_OUTPUT"
|
||||||
|
else
|
||||||
|
echo "exists=false" >> "$GITHUB_OUTPUT"
|
||||||
|
fi
|
||||||
|
|
||||||
|
- name: 🛠 Set up Docker Buildx
|
||||||
|
if: steps.check_commits.outputs.commit_count != '0' && steps.dockerfile_check.outputs.exists == 'true'
|
||||||
|
uses: docker/setup-buildx-action@v3
|
||||||
|
|
||||||
|
- name: 🔐 Login to GitHub Container Registry
|
||||||
|
if: steps.check_commits.outputs.commit_count != '0' && steps.dockerfile_check.outputs.exists == 'true'
|
||||||
|
uses: docker/login-action@v3
|
||||||
|
with:
|
||||||
|
registry: ghcr.io
|
||||||
|
username: ${{ github.actor }}
|
||||||
|
password: ${{ secrets.GITHUB_TOKEN }}
|
||||||
|
|
||||||
|
- name: 🐳 Build and Push Docker image
|
||||||
|
if: steps.check_commits.outputs.commit_count != '0' && steps.dockerfile_check.outputs.exists == 'true'
|
||||||
|
uses: docker/build-push-action@v5
|
||||||
|
with:
|
||||||
|
context: .
|
||||||
|
push: true
|
||||||
|
tags: ghcr.io/${{ github.repository }}:latest
|
||||||
78
.github/workflows/update_readme.yml
vendored
Normal file
78
.github/workflows/update_readme.yml
vendored
Normal file
@@ -0,0 +1,78 @@
|
|||||||
|
name: Update README
|
||||||
|
|
||||||
|
# Allow GitHub Actions to commit and push changes
|
||||||
|
permissions:
|
||||||
|
contents: write
|
||||||
|
|
||||||
|
on:
|
||||||
|
workflow_dispatch:
|
||||||
|
schedule:
|
||||||
|
- cron: '0 4 * * *' # Every day at 4 AM UTC
|
||||||
|
|
||||||
|
jobs:
|
||||||
|
update-readme:
|
||||||
|
runs-on: ubuntu-latest
|
||||||
|
|
||||||
|
env:
|
||||||
|
SOURCE_REPO: ivancarlosti/.github
|
||||||
|
SOURCE_BRANCH: main
|
||||||
|
|
||||||
|
steps:
|
||||||
|
- name: Checkout current repository
|
||||||
|
uses: actions/checkout@v4
|
||||||
|
|
||||||
|
- name: Checkout source README template
|
||||||
|
uses: actions/checkout@v4
|
||||||
|
with:
|
||||||
|
repository: ${{ env.SOURCE_REPO }}
|
||||||
|
ref: ${{ env.SOURCE_BRANCH }}
|
||||||
|
path: source_readme
|
||||||
|
|
||||||
|
- name: Update README.md (buttons and footer)
|
||||||
|
run: |
|
||||||
|
set -e
|
||||||
|
REPO_NAME="${GITHUB_REPOSITORY##*/}"
|
||||||
|
|
||||||
|
# --- Extract buttons block from source ---
|
||||||
|
BUTTONS=$(awk '/<!-- buttons -->/{flag=1;next}/<!-- endbuttons -->/{flag=0}flag' source_readme/README.md)
|
||||||
|
BUTTONS_UPDATED=$(echo "$BUTTONS" | sed "s/\.github/${REPO_NAME}/g")
|
||||||
|
|
||||||
|
# --- Extract footer block from source (everything from <!-- footer --> onward) ---
|
||||||
|
FOOTER=$(awk '/<!-- footer -->/{flag=1}flag' source_readme/README.md)
|
||||||
|
|
||||||
|
# --- Replace buttons section in README.md ---
|
||||||
|
UPDATED=$(awk -v buttons="$BUTTONS_UPDATED" '
|
||||||
|
BEGIN { skip=0 }
|
||||||
|
/<!-- buttons -->/ {
|
||||||
|
print
|
||||||
|
print buttons
|
||||||
|
skip=1
|
||||||
|
next
|
||||||
|
}
|
||||||
|
/<!-- endbuttons -->/ && skip {
|
||||||
|
print
|
||||||
|
skip=0
|
||||||
|
next
|
||||||
|
}
|
||||||
|
!skip { print }
|
||||||
|
' README.md)
|
||||||
|
|
||||||
|
# --- Replace everything after <!-- footer --> with FOOTER ---
|
||||||
|
echo "$UPDATED" | awk -v footer="$FOOTER" '
|
||||||
|
/<!-- footer -->/ {
|
||||||
|
print footer
|
||||||
|
found=1
|
||||||
|
exit
|
||||||
|
}
|
||||||
|
{ print }
|
||||||
|
' > README.tmp && mv README.tmp README.md
|
||||||
|
|
||||||
|
- name: Remove source_readme from git index
|
||||||
|
run: git rm --cached -r source_readme || true
|
||||||
|
|
||||||
|
- name: Commit and push changes
|
||||||
|
uses: stefanzweifel/git-auto-commit-action@v5
|
||||||
|
with:
|
||||||
|
file_pattern: README.md
|
||||||
|
commit_message: "Sync README from template [▶️]"
|
||||||
|
branch: ${{ github.ref_name }}
|
||||||
21
LICENSE
Normal file
21
LICENSE
Normal file
@@ -0,0 +1,21 @@
|
|||||||
|
MIT License
|
||||||
|
|
||||||
|
Copyright (c) 2025 Ivan Carlos
|
||||||
|
|
||||||
|
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||||
|
of this software and associated documentation files (the "Software"), to deal
|
||||||
|
in the Software without restriction, including without limitation the rights
|
||||||
|
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||||
|
copies of the Software, and to permit persons to whom the Software is
|
||||||
|
furnished to do so, subject to the following conditions:
|
||||||
|
|
||||||
|
The above copyright notice and this permission notice shall be included in all
|
||||||
|
copies or substantial portions of the Software.
|
||||||
|
|
||||||
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||||
|
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||||
|
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||||
|
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||||
|
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||||
|
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||||
|
SOFTWARE.
|
||||||
45
README.md
45
README.md
@@ -1,2 +1,45 @@
|
|||||||
# devicetester
|
# Device Tester
|
||||||
|
A simple and useful webcam, microphone and audio output tester.
|
||||||
|
|
||||||
|
<!-- buttons -->
|
||||||
|
[](https://github.com/ivancarlosti/devicetester/stargazers)
|
||||||
|
[](https://github.com/sponsors/ivancarlosti)
|
||||||
|
[](https://github.com/sponsors/ivancarlosti)
|
||||||
|
[](https://github.com/ivancarlosti/devicetester/pulse)
|
||||||
|
[](https://github.com/ivancarlosti/devicetester/issues)
|
||||||
|
[](LICENSE)
|
||||||
|
[](https://github.com/ivancarlosti/devicetester/commits)
|
||||||
|
[](https://github.com/ivancarlosti/devicetester/security)
|
||||||
|
[](https://github.com/ivancarlosti/devicetester?tab=coc-ov-file)
|
||||||
|
[][sponsor]
|
||||||
|
<!-- endbuttons -->
|
||||||
|
|
||||||
|
## Notes
|
||||||
|
1. Project inspired in multiple device complex testers across the web.
|
||||||
|
2. The music used on test is royalty free and generated by AI.
|
||||||
|
3. The page was co-created by AI.
|
||||||
|
|
||||||
|
<!-- footer -->
|
||||||
|
---
|
||||||
|
|
||||||
|
## 🧑💻 Consulting and technical support
|
||||||
|
* For personal support and queries, please submit a new issue to have it addressed.
|
||||||
|
* For commercial related questions, please [**contact me**][ivancarlos] for consulting costs.
|
||||||
|
|
||||||
|
## 🩷 Project support
|
||||||
|
| If you found this project helpful, consider |
|
||||||
|
| :---: |
|
||||||
|
[**buying me a coffee**][buymeacoffee], [**donate by paypal**][paypal], [**sponsor this project**][sponsor] or just [**leave a star**](../..)⭐
|
||||||
|
|Thanks for your support, it is much appreciated!|
|
||||||
|
|
||||||
|
[cc]: https://docs.github.com/en/communities/setting-up-your-project-for-healthy-contributions/adding-a-code-of-conduct-to-your-project
|
||||||
|
[contributing]: https://docs.github.com/en/articles/setting-guidelines-for-repository-contributors
|
||||||
|
[security]: https://docs.github.com/en/code-security/getting-started/adding-a-security-policy-to-your-repository
|
||||||
|
[support]: https://docs.github.com/en/articles/adding-support-resources-to-your-project
|
||||||
|
[it]: https://docs.github.com/en/communities/using-templates-to-encourage-useful-issues-and-pull-requests/configuring-issue-templates-for-your-repository#configuring-the-template-chooser
|
||||||
|
[prt]: https://docs.github.com/en/communities/using-templates-to-encourage-useful-issues-and-pull-requests/creating-a-pull-request-template-for-your-repository
|
||||||
|
[funding]: https://docs.github.com/en/articles/displaying-a-sponsor-button-in-your-repository
|
||||||
|
[ivancarlos]: https://ivancarlos.it
|
||||||
|
[buymeacoffee]: https://www.buymeacoffee.com/ivancarlos
|
||||||
|
[paypal]: https://icc.gg/donate
|
||||||
|
[sponsor]: https://github.com/sponsors/ivancarlosti
|
||||||
|
|||||||
667
index.html
Normal file
667
index.html
Normal file
@@ -0,0 +1,667 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="pt-BR">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<title>Teste de Dispositivos Pro</title>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
|
||||||
|
<style>
|
||||||
|
:root {
|
||||||
|
--bg-color: #f8f9fa;
|
||||||
|
--text-color: #1f2937;
|
||||||
|
--card-bg: #ffffff;
|
||||||
|
--primary: #2563eb;
|
||||||
|
--primary-hover: #1d4ed8;
|
||||||
|
--danger: #dc2626;
|
||||||
|
--danger-hover: #b91c1c;
|
||||||
|
--border-color: #e5e7eb;
|
||||||
|
--success: #10b981;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.dark-mode {
|
||||||
|
--bg-color: #111827;
|
||||||
|
--text-color: #f9fafb;
|
||||||
|
--card-bg: #1f2937;
|
||||||
|
--primary: #3b82f6;
|
||||||
|
--primary-hover: #60a5fa;
|
||||||
|
--border-color: #374151;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: 'Inter', sans-serif;
|
||||||
|
margin: 0;
|
||||||
|
padding: 20px;
|
||||||
|
background-color: var(--bg-color);
|
||||||
|
color: var(--text-color);
|
||||||
|
transition: background-color 0.3s, color 0.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
max-width: 600px;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
header {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 1.5rem;
|
||||||
|
font-weight: 700;
|
||||||
|
margin: 0;
|
||||||
|
background: linear-gradient(90deg, var(--primary), #8b5cf6);
|
||||||
|
-webkit-background-clip: text;
|
||||||
|
-webkit-text-fill-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.theme-toggle {
|
||||||
|
background: none;
|
||||||
|
border: 2px solid var(--border-color);
|
||||||
|
color: var(--text-color);
|
||||||
|
padding: 8px 12px;
|
||||||
|
border-radius: 8px;
|
||||||
|
cursor: pointer;
|
||||||
|
font-weight: 600;
|
||||||
|
transition: all 0.2s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.theme-toggle:hover {
|
||||||
|
background-color: var(--border-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.test-card {
|
||||||
|
background-color: var(--card-bg);
|
||||||
|
padding: 24px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
border-radius: 12px;
|
||||||
|
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
|
||||||
|
border: 1px solid var(--border-color);
|
||||||
|
transition: transform 0.2s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.test-card:hover {
|
||||||
|
transform: translateY(-2px);
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
font-size: 1.1rem;
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 16px;
|
||||||
|
border-bottom: 1px solid var(--border-color);
|
||||||
|
padding-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
label {
|
||||||
|
font-weight: 500;
|
||||||
|
display: block;
|
||||||
|
margin-top: 12px;
|
||||||
|
font-size: 0.9rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
select,
|
||||||
|
textarea {
|
||||||
|
width: 100%;
|
||||||
|
padding: 10px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
margin-top: 6px;
|
||||||
|
font-size: 0.95rem;
|
||||||
|
border: 1px solid var(--border-color);
|
||||||
|
border-radius: 6px;
|
||||||
|
background-color: var(--bg-color);
|
||||||
|
color: var(--text-color);
|
||||||
|
font-family: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
button {
|
||||||
|
margin-top: 12px;
|
||||||
|
margin-right: 8px;
|
||||||
|
padding: 10px 16px;
|
||||||
|
font-size: 0.9rem;
|
||||||
|
font-weight: 500;
|
||||||
|
border: none;
|
||||||
|
border-radius: 6px;
|
||||||
|
background-color: var(--primary);
|
||||||
|
color: white;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: background-color 0.2s;
|
||||||
|
}
|
||||||
|
|
||||||
|
button:hover {
|
||||||
|
background-color: var(--primary-hover);
|
||||||
|
}
|
||||||
|
|
||||||
|
button.stop {
|
||||||
|
background-color: var(--danger);
|
||||||
|
}
|
||||||
|
|
||||||
|
button.stop:hover {
|
||||||
|
background-color: var(--danger-hover);
|
||||||
|
}
|
||||||
|
|
||||||
|
video {
|
||||||
|
width: 100%;
|
||||||
|
background: #000;
|
||||||
|
border-radius: 8px;
|
||||||
|
margin-top: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bar-container {
|
||||||
|
width: 100%;
|
||||||
|
height: 8px;
|
||||||
|
background: var(--border-color);
|
||||||
|
border-radius: 4px;
|
||||||
|
overflow: hidden;
|
||||||
|
margin-top: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bar-fill {
|
||||||
|
height: 100%;
|
||||||
|
background: var(--success);
|
||||||
|
width: 0%;
|
||||||
|
transition: width 0.1s linear;
|
||||||
|
}
|
||||||
|
|
||||||
|
#speaker-bar {
|
||||||
|
background: #eab308;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-text {
|
||||||
|
font-size: 0.85rem;
|
||||||
|
color: var(--text-color);
|
||||||
|
opacity: 0.8;
|
||||||
|
margin-top: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Screen Test Overlay */
|
||||||
|
#screen-overlay {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
display: none;
|
||||||
|
z-index: 9999;
|
||||||
|
cursor: crosshair;
|
||||||
|
}
|
||||||
|
|
||||||
|
#screen-instruction {
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
background: rgba(0, 0, 0, 0.7);
|
||||||
|
color: #fff;
|
||||||
|
padding: 20px;
|
||||||
|
border-radius: 8px;
|
||||||
|
pointer-events: none;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<header>
|
||||||
|
<h1>Teste de Dispositivos</h1>
|
||||||
|
<button class="theme-toggle" onclick="toggleTheme()">🌓 Tema</button>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<!-- Rede -->
|
||||||
|
<div class="test-card">
|
||||||
|
<h2>📡 Rede e Navegador</h2>
|
||||||
|
<p>IPv4: <strong id="ipv4">...</strong> <span class="status-text" id="geo-ipv4"></span></p>
|
||||||
|
<p class="status-text" id="isp-label-ipv4"></p>
|
||||||
|
<p>IPv6: <strong id="ipv6">...</strong> <span class="status-text" id="geo-ipv6"></span></p>
|
||||||
|
<p class="status-text" id="isp-label-ipv6"></p>
|
||||||
|
<label>User Agent:</label>
|
||||||
|
<textarea id="user-agent" rows="2" readonly></textarea>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Bateria -->
|
||||||
|
<div class="test-card">
|
||||||
|
<h2>🔋 Bateria</h2>
|
||||||
|
<p id="battery-status">Detectando...</p>
|
||||||
|
<div class="bar-container">
|
||||||
|
<div id="battery-bar" class="bar-fill" style="background-color: var(--primary);"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Tela -->
|
||||||
|
<div class="test-card">
|
||||||
|
<h2>🖥️ Tela & Dead Pixel</h2>
|
||||||
|
<p class="status-text">Cicla entre cores primárias para identificar pixels mortos.</p>
|
||||||
|
<button onclick="startScreenTest()">Iniciar Teste de Tela</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Vibração -->
|
||||||
|
<div class="test-card">
|
||||||
|
<h2>📳 Vibração</h2>
|
||||||
|
<p class="status-text">Funciona apenas em dispositivos móveis compatíveis.</p>
|
||||||
|
<button onclick="testVibration()">Vibrar Dispositivo</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Webcam -->
|
||||||
|
<div class="test-card">
|
||||||
|
<h2>📷 Webcam</h2>
|
||||||
|
<select id="webcam-select"></select>
|
||||||
|
<div>
|
||||||
|
<button onclick="startWebcam()">Ligar</button>
|
||||||
|
<button onclick="stopWebcam()" class="stop">Desligar</button>
|
||||||
|
</div>
|
||||||
|
<video id="webcam" autoplay playsinline></video>
|
||||||
|
<p id="webcam-status" class="status-text">Status: Aguardando...</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Microfone -->
|
||||||
|
<div class="test-card">
|
||||||
|
<h2>🎤 Microfone</h2>
|
||||||
|
<select id="mic-select"></select>
|
||||||
|
<div>
|
||||||
|
<button onclick="startMic()">Monitorar Ao Vivo</button>
|
||||||
|
<button onclick="stopMic()" class="stop">Parar</button>
|
||||||
|
<button onclick="recordMicFor10s()">Gravar 10s</button>
|
||||||
|
</div>
|
||||||
|
<div class="bar-container">
|
||||||
|
<div id="mic-bar" class="bar-fill"></div>
|
||||||
|
</div>
|
||||||
|
<p id="mic-status" class="status-text">Status: Aguardando...</p>
|
||||||
|
<audio id="mic-playback" controls style="width: 100%; margin-top: 10px; display: none;"></audio>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Som -->
|
||||||
|
<div class="test-card">
|
||||||
|
<h2>🔊 Saída de Som</h2>
|
||||||
|
<select id="spk-select"></select>
|
||||||
|
<audio id="audio-test" src="test-sound.mp3" preload="auto"></audio>
|
||||||
|
<div>
|
||||||
|
<button id="playBtn" onclick="playSound()">Tocar Música</button>
|
||||||
|
<button onclick="stopSound()" class="stop">Parar</button>
|
||||||
|
</div>
|
||||||
|
<div class="bar-container">
|
||||||
|
<div id="speaker-bar" class="bar-fill" style="background-color: #f59e0b;"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Overlay para teste de tela -->
|
||||||
|
<div id="screen-overlay" onclick="nextScreenColor()">
|
||||||
|
<div id="screen-instruction">Clique para trocar a cor. Escura para sair.</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
// Theme
|
||||||
|
function toggleTheme() {
|
||||||
|
document.body.classList.toggle('dark-mode');
|
||||||
|
}
|
||||||
|
|
||||||
|
// Populate UA
|
||||||
|
document.getElementById("user-agent").value = navigator.userAgent;
|
||||||
|
|
||||||
|
// Elements
|
||||||
|
const webcamSelect = document.getElementById("webcam-select");
|
||||||
|
const micSelect = document.getElementById("mic-select");
|
||||||
|
const spkSelect = document.getElementById("spk-select");
|
||||||
|
const video = document.getElementById("webcam");
|
||||||
|
const micBar = document.getElementById("mic-bar");
|
||||||
|
const speakerBar = document.getElementById("speaker-bar");
|
||||||
|
const playBtn = document.getElementById("playBtn");
|
||||||
|
const audio = document.getElementById("audio-test");
|
||||||
|
const micPlayback = document.getElementById("mic-playback");
|
||||||
|
|
||||||
|
// State
|
||||||
|
let webcamStream = null;
|
||||||
|
let micStream = null;
|
||||||
|
let micAudioContext = null;
|
||||||
|
let micWorkletNode = null;
|
||||||
|
let speakerAudioContext = null;
|
||||||
|
let speakerWorkletNode = null;
|
||||||
|
let speakerSource = null;
|
||||||
|
let micRecorder = null;
|
||||||
|
let recordedChunks = [];
|
||||||
|
let recordAudioContext = null;
|
||||||
|
let recordWorkletNode = null;
|
||||||
|
|
||||||
|
// WORKLET CODE
|
||||||
|
function makeLevelWorkletURL() {
|
||||||
|
const code = `
|
||||||
|
class LevelMeterProcessor extends AudioWorkletProcessor {
|
||||||
|
process(inputs) {
|
||||||
|
const input = inputs[0];
|
||||||
|
if (input && input.length > 0) {
|
||||||
|
let maxAvg = 0;
|
||||||
|
// Iterate over all channels (e.g. left, right)
|
||||||
|
for (let c = 0; c < input.length; c++) {
|
||||||
|
const ch = input[c];
|
||||||
|
let sum = 0;
|
||||||
|
for (let i = 0; i < ch.length; i++) sum += Math.abs(ch[i]);
|
||||||
|
const avg = ch.length ? sum / ch.length : 0;
|
||||||
|
if (avg > maxAvg) maxAvg = avg;
|
||||||
|
}
|
||||||
|
this.port.postMessage(maxAvg);
|
||||||
|
}
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
registerProcessor('level-meter', LevelMeterProcessor);
|
||||||
|
`;
|
||||||
|
return URL.createObjectURL(new Blob([code], { type: 'application/javascript' }));
|
||||||
|
}
|
||||||
|
|
||||||
|
async function addLevelWorkletTo(ac) {
|
||||||
|
const url = makeLevelWorkletURL();
|
||||||
|
await ac.audioWorklet.addModule(url);
|
||||||
|
URL.revokeObjectURL(url);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Devices
|
||||||
|
function listDevices() {
|
||||||
|
navigator.mediaDevices.enumerateDevices().then(devices => {
|
||||||
|
// Preserve selection if possible? For now simple rebuild
|
||||||
|
webcamSelect.innerHTML = "";
|
||||||
|
micSelect.innerHTML = "";
|
||||||
|
spkSelect.innerHTML = "";
|
||||||
|
|
||||||
|
devices.forEach(device => {
|
||||||
|
const option = document.createElement("option");
|
||||||
|
option.value = device.deviceId;
|
||||||
|
option.text = device.label || "Dispositivo não identificado";
|
||||||
|
if (device.kind === "videoinput") webcamSelect.appendChild(option.cloneNode(true));
|
||||||
|
if (device.kind === "audioinput") micSelect.appendChild(option.cloneNode(true));
|
||||||
|
if (device.kind === "audiooutput" && typeof spkSelect.setSinkId === "function")
|
||||||
|
spkSelect.appendChild(option.cloneNode(true));
|
||||||
|
});
|
||||||
|
|
||||||
|
if (spkSelect.options.length === 0) {
|
||||||
|
const option = document.createElement("option");
|
||||||
|
option.value = "";
|
||||||
|
option.text = "Saída Padrão";
|
||||||
|
spkSelect.appendChild(option);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// Webcam
|
||||||
|
function startWebcam() {
|
||||||
|
stopWebcam();
|
||||||
|
const deviceId = webcamSelect.value;
|
||||||
|
const constraints = { video: { deviceId: deviceId ? { exact: deviceId } : undefined } };
|
||||||
|
navigator.mediaDevices.getUserMedia(constraints)
|
||||||
|
.then(stream => {
|
||||||
|
webcamStream = stream;
|
||||||
|
video.srcObject = stream;
|
||||||
|
document.getElementById("webcam-status").textContent = "Webcam: Funcionando (OK)";
|
||||||
|
document.getElementById("webcam-status").style.color = "var(--success)";
|
||||||
|
})
|
||||||
|
.catch((e) => {
|
||||||
|
document.getElementById("webcam-status").textContent = "Erro: " + e.message;
|
||||||
|
document.getElementById("webcam-status").style.color = "var(--danger)";
|
||||||
|
});
|
||||||
|
}
|
||||||
|
function stopWebcam() {
|
||||||
|
if (webcamStream) {
|
||||||
|
webcamStream.getTracks().forEach(t => t.stop());
|
||||||
|
video.srcObject = null;
|
||||||
|
webcamStream = null;
|
||||||
|
document.getElementById("webcam-status").textContent = "Status: Parado";
|
||||||
|
document.getElementById("webcam-status").style.color = "var(--text-color)";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Mic
|
||||||
|
async function startMic() {
|
||||||
|
stopMic();
|
||||||
|
const deviceId = micSelect.value;
|
||||||
|
const constraints = { audio: deviceId ? { deviceId: { exact: deviceId } } : true };
|
||||||
|
try {
|
||||||
|
const stream = await navigator.mediaDevices.getUserMedia({ audio: constraints.audio });
|
||||||
|
micStream = stream;
|
||||||
|
micAudioContext = new (window.AudioContext || window.webkitAudioContext)();
|
||||||
|
await addLevelWorkletTo(micAudioContext);
|
||||||
|
const source = micAudioContext.createMediaStreamSource(stream);
|
||||||
|
micWorkletNode = new AudioWorkletNode(micAudioContext, 'level-meter');
|
||||||
|
micWorkletNode.port.onmessage = (e) => {
|
||||||
|
const pct = Math.min(100, Math.round(e.data * 100));
|
||||||
|
micBar.style.width = pct + "%";
|
||||||
|
if (pct > 5) {
|
||||||
|
const st = document.getElementById("mic-status");
|
||||||
|
if (st.textContent !== "Capturando áudio...") {
|
||||||
|
st.textContent = "Capturando áudio...";
|
||||||
|
st.style.color = "var(--success)";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
source.connect(micWorkletNode);
|
||||||
|
document.getElementById("mic-status").textContent = "Iniciando captura...";
|
||||||
|
} catch (e) {
|
||||||
|
document.getElementById("mic-status").textContent = "Erro: " + e.message;
|
||||||
|
document.getElementById("mic-status").style.color = "var(--danger)";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function stopMic() {
|
||||||
|
if (micWorkletNode) { try { micWorkletNode.disconnect(); } catch { } }
|
||||||
|
if (micAudioContext) { try { micAudioContext.close(); } catch { } }
|
||||||
|
if (micStream) { micStream.getTracks().forEach(t => t.stop()); }
|
||||||
|
micWorkletNode = null;
|
||||||
|
micAudioContext = null;
|
||||||
|
micStream = null;
|
||||||
|
micBar.style.width = "0%";
|
||||||
|
const st = document.getElementById("mic-status");
|
||||||
|
st.textContent = "Status: Parado";
|
||||||
|
st.style.color = "var(--text-color)";
|
||||||
|
}
|
||||||
|
|
||||||
|
async function recordMicFor10s() {
|
||||||
|
try {
|
||||||
|
stopMic(); // ensure clean state
|
||||||
|
const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
|
||||||
|
micRecorder = new MediaRecorder(stream);
|
||||||
|
recordedChunks = [];
|
||||||
|
|
||||||
|
recordAudioContext = new (window.AudioContext || window.webkitAudioContext)();
|
||||||
|
await addLevelWorkletTo(recordAudioContext);
|
||||||
|
const source = recordAudioContext.createMediaStreamSource(stream);
|
||||||
|
recordWorkletNode = new AudioWorkletNode(recordAudioContext, 'level-meter');
|
||||||
|
recordWorkletNode.port.onmessage = (e) => {
|
||||||
|
const pct = Math.min(100, Math.round(e.data * 100));
|
||||||
|
micBar.style.width = pct + "%";
|
||||||
|
};
|
||||||
|
source.connect(recordWorkletNode);
|
||||||
|
|
||||||
|
micRecorder.ondataavailable = e => { if (e.data.size > 0) recordedChunks.push(e.data); };
|
||||||
|
micRecorder.onstop = () => {
|
||||||
|
try { recordWorkletNode.disconnect(); } catch { }
|
||||||
|
try { recordAudioContext.close(); } catch { }
|
||||||
|
micBar.style.width = "0%";
|
||||||
|
|
||||||
|
const blob = new Blob(recordedChunks, { type: "audio/webm" });
|
||||||
|
const url = URL.createObjectURL(blob);
|
||||||
|
micPlayback.src = url;
|
||||||
|
micPlayback.style.display = "block";
|
||||||
|
micPlayback.play();
|
||||||
|
};
|
||||||
|
micRecorder.start();
|
||||||
|
|
||||||
|
let remaining = 10;
|
||||||
|
const status = document.getElementById("mic-status");
|
||||||
|
status.style.color = "var(--primary)";
|
||||||
|
status.textContent = `Gravando... ${remaining}s`;
|
||||||
|
|
||||||
|
const countdown = setInterval(() => {
|
||||||
|
remaining--;
|
||||||
|
if (remaining > 0) status.textContent = `Gravando... ${remaining}s`;
|
||||||
|
}, 1000);
|
||||||
|
|
||||||
|
setTimeout(() => {
|
||||||
|
clearInterval(countdown);
|
||||||
|
micRecorder.stop();
|
||||||
|
stream.getTracks().forEach(t => t.stop());
|
||||||
|
status.textContent = "Reproduzindo gravação...";
|
||||||
|
status.style.color = "var(--text-color)";
|
||||||
|
}, 10000);
|
||||||
|
} catch (err) {
|
||||||
|
document.getElementById("mic-status").textContent = "Erro: " + err;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Speaker
|
||||||
|
async function setupSpeakerAnalyzer() {
|
||||||
|
if (!speakerAudioContext) {
|
||||||
|
speakerAudioContext = new (window.AudioContext || window.webkitAudioContext)();
|
||||||
|
await addLevelWorkletTo(speakerAudioContext);
|
||||||
|
speakerSource = speakerAudioContext.createMediaElementSource(audio);
|
||||||
|
speakerWorkletNode = new AudioWorkletNode(speakerAudioContext, 'level-meter');
|
||||||
|
speakerWorkletNode.port.onmessage = (e) => {
|
||||||
|
const level = Math.min(100, Math.round(e.data * 100));
|
||||||
|
speakerBar.style.width = level + "%";
|
||||||
|
};
|
||||||
|
speakerSource.connect(speakerWorkletNode);
|
||||||
|
speakerSource.connect(speakerAudioContext.destination);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function playSound() {
|
||||||
|
playBtn.disabled = true;
|
||||||
|
setupSpeakerAnalyzer().then(() => {
|
||||||
|
if (speakerAudioContext.state === "suspended") {
|
||||||
|
speakerAudioContext.resume().then(startPlayback).catch(startPlayback);
|
||||||
|
} else {
|
||||||
|
startPlayback();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
function startPlayback() {
|
||||||
|
const outputId = spkSelect.value;
|
||||||
|
playBtn.disabled = false;
|
||||||
|
if (typeof audio.setSinkId === "function" && outputId) {
|
||||||
|
audio.setSinkId(outputId).then(() => audio.play()).catch(() => audio.play());
|
||||||
|
} else {
|
||||||
|
audio.play();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function stopSound() {
|
||||||
|
audio.pause();
|
||||||
|
audio.currentTime = 0;
|
||||||
|
speakerBar.style.width = "0%";
|
||||||
|
if (speakerAudioContext && speakerAudioContext.state !== "closed") {
|
||||||
|
speakerAudioContext.suspend();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// IPs
|
||||||
|
function getIPv4AndISP() {
|
||||||
|
fetch("https://ipwhois.app/json/?lang=pt")
|
||||||
|
.then(res => res.json())
|
||||||
|
.then(data => {
|
||||||
|
document.getElementById("ipv4").textContent = data.ip || "Indisponível";
|
||||||
|
const geo = [data.city, data.region, data.country].filter(Boolean);
|
||||||
|
document.getElementById("geo-ipv4").textContent = geo.length ? "(" + geo.join(", ") + ")" : "";
|
||||||
|
document.getElementById("isp-label-ipv4").textContent = data.isp ? "ISP: " + decodeURIComponent(escape(data.isp)) : "";
|
||||||
|
})
|
||||||
|
.catch(() => { });
|
||||||
|
}
|
||||||
|
function getIPv6AndISP() {
|
||||||
|
fetch("https://api64.ipify.org?format=json")
|
||||||
|
.then(res => res.json())
|
||||||
|
.then(ip => {
|
||||||
|
if (ip.ip && ip.ip.includes(":")) {
|
||||||
|
document.getElementById("ipv6").textContent = ip.ip;
|
||||||
|
return fetch(`https://ipwhois.app/json/${ip.ip}?lang=pt`);
|
||||||
|
} else {
|
||||||
|
document.getElementById("ipv6").textContent = "Não detectado";
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.then(res => res.json())
|
||||||
|
.then(data => {
|
||||||
|
if (!data) return;
|
||||||
|
const geo = [data.city, data.region, data.country].filter(Boolean);
|
||||||
|
document.getElementById("geo-ipv6").textContent = geo.length ? "(" + geo.join(", ") + ")" : "";
|
||||||
|
document.getElementById("isp-label-ipv6").textContent = data.isp ? "ISP: " + decodeURIComponent(escape(data.isp)) : "";
|
||||||
|
})
|
||||||
|
.catch(() => { });
|
||||||
|
}
|
||||||
|
|
||||||
|
// NEW FEATURES
|
||||||
|
|
||||||
|
// Battery
|
||||||
|
if (navigator.getBattery) {
|
||||||
|
navigator.getBattery().then(battery => {
|
||||||
|
function updateBattery() {
|
||||||
|
const level = Math.round(battery.level * 100);
|
||||||
|
const charging = battery.charging ? "⚡ Carregando" : "Desconectado";
|
||||||
|
document.getElementById("battery-status").textContent = `${level}% - ${charging}`;
|
||||||
|
document.getElementById("battery-bar").style.width = level + "%";
|
||||||
|
|
||||||
|
if (battery.charging) document.getElementById("battery-bar").style.background = "var(--success)";
|
||||||
|
else if (level < 20) document.getElementById("battery-bar").style.background = "var(--danger)";
|
||||||
|
else document.getElementById("battery-bar").style.background = "var(--primary)";
|
||||||
|
}
|
||||||
|
battery.addEventListener('levelchange', updateBattery);
|
||||||
|
battery.addEventListener('chargingchange', updateBattery);
|
||||||
|
updateBattery();
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
document.getElementById("battery-status").textContent = "API de Bateria não suportada neste navegador.";
|
||||||
|
document.getElementById("battery-bar").style.width = "0%";
|
||||||
|
}
|
||||||
|
|
||||||
|
// Vibration
|
||||||
|
function testVibration() {
|
||||||
|
if (navigator.vibrate) {
|
||||||
|
navigator.vibrate([200, 100, 200]); // Vibrate twice
|
||||||
|
} else {
|
||||||
|
alert("Seu dispositivo não suporta vibração via API web.");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Screen
|
||||||
|
let screenColorIndex = 0;
|
||||||
|
const colors = ["#FF0000", "#00FF00", "#0000FF", "#FFFFFF", "#000000"];
|
||||||
|
function startScreenTest() {
|
||||||
|
const overlay = document.getElementById("screen-overlay");
|
||||||
|
overlay.style.display = "block";
|
||||||
|
document.documentElement.requestFullscreen().catch(() => { });
|
||||||
|
screenColorIndex = -1;
|
||||||
|
nextScreenColor();
|
||||||
|
}
|
||||||
|
function nextScreenColor() {
|
||||||
|
screenColorIndex++;
|
||||||
|
const overlay = document.getElementById("screen-overlay");
|
||||||
|
if (screenColorIndex >= colors.length) {
|
||||||
|
// Exit
|
||||||
|
overlay.style.display = "none";
|
||||||
|
if (document.fullscreenElement) document.exitFullscreen();
|
||||||
|
} else {
|
||||||
|
overlay.style.backgroundColor = colors[screenColorIndex];
|
||||||
|
// Hide instruction after first click for clean view
|
||||||
|
if (screenColorIndex > 0) document.getElementById("screen-instruction").style.display = "none";
|
||||||
|
else document.getElementById("screen-instruction").style.display = "block";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// On Load
|
||||||
|
window.onload = () => {
|
||||||
|
navigator.mediaDevices.getUserMedia({ audio: true }).then(s => {
|
||||||
|
s.getTracks().forEach(t => t.stop());
|
||||||
|
listDevices();
|
||||||
|
}).catch(() => listDevices());
|
||||||
|
getIPv4AndISP();
|
||||||
|
getIPv6AndISP();
|
||||||
|
};
|
||||||
|
navigator.mediaDevices.addEventListener("devicechange", listDevices);
|
||||||
|
audio.addEventListener("ended", () => {
|
||||||
|
speakerBar.style.width = "0%";
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
4
manifest.json
Normal file
4
manifest.json
Normal file
@@ -0,0 +1,4 @@
|
|||||||
|
{
|
||||||
|
"version": "1.0.10",
|
||||||
|
"author": "Ivan Carlos"
|
||||||
|
}
|
||||||
BIN
test-sound.mp3
Normal file
BIN
test-sound.mp3
Normal file
Binary file not shown.
Reference in New Issue
Block a user