ดาวน์โหลด Android WebCast - ดาวน์โหลดซอร์สโค้ด Android WebCast

Android WebCast

ซอร์สโค้ดอื่น ๆ

v05.01.00

ดาวน์โหลด

เว็บแคสต์

แอป Android เพื่อแยก URL วิดีโอ (ไฟล์/สตรีม) จากเว็บไซต์และดูที่อื่น (เครื่องเล่นวิดีโอภายใน/ภายนอก, Google Chromecast, ExoAirPlayer)

ภาพหน้าจอ..

เว็บแคสต์

การท่องเที่ยว

BrowserActivity จะแสดงเมื่อแอปเริ่มทำงาน และประกอบด้วย:
- เว็บเบราว์เซอร์ขั้นพื้นฐาน
  - แถบที่อยู่
  - WebView
- ไอคอนแถบการทำงาน:
  - สลับ บุ๊กมาร์ก
    - เพิ่ม/ลบ URL ของเว็บไซต์ปัจจุบันไปยัง/จากรายการ บุ๊กมาร์ก ที่บันทึกไว้อย่างต่อเนื่อง
- รายการเมนูแถบการกระทำ:
  - บุ๊กมาร์ก
    - ลิ้นชักเปิดด้านซ้าย: บุ๊กมาร์ก
  - วิดีโอ
    - เปิดลิ้นชักทางด้านขวา: วิดีโอ
  - การตั้งค่า
    - เปิด SettingsActivity
  - ออก
    - ปิด UI ทั้งหมดแล้วออกจากแอป
- ลิ้นชักด้านซ้าย: ที่คั่นหนังสือ
  - มีรายการถาวรของ:
    - URL ของเว็บไซต์ที่ได้รับการบันทึกผ่านไอคอนสลับ บุ๊กมาร์ก
    - URL วิดีโอที่บันทึกไว้ผ่านลิ้นชัก วิดีโอ
  - คลิกรายการเพื่อ:
    - เปิด URL ของเว็บไซต์ใน WebView
    - ดู URL ของวิดีโอ
      - SettingsActivity กำหนดการกระทำเฉพาะที่จะดำเนินการ
  - ลองคลิกรายการเพื่อ:
    - เปลี่ยนชื่อ
    - ลบ
- ลิ้นชักด้านขวา: วิดีโอ
  - มีรายการ URL วิดีโอชั่วคราวที่พบในหน้าเว็บที่โหลดใน WebView ในปัจจุบัน
    - รายการนี้จะถูกล้างทุกครั้งที่ WebView นำทางไปยังหน้าเว็บใหม่
  - คลิกรายการเพื่อ:
    - เพิ่ม URL วิดีโอลงในรายการ บุ๊กมาร์ก ที่บันทึกไว้อย่างต่อเนื่อง
    - ดู URL ของวิดีโอ
      - SettingsActivity กำหนดการกระทำเฉพาะที่จะดำเนินการ
  - ลองคลิกรายการเพื่อ:
    - ลบ
SettingsActivity เริ่มต้นจากเมนูแถบการทำงานใน BrowserActivity และประกอบด้วย:
- Video Player เพื่อเลือกว่าจะรับชมวิดีโอโดยใช้..
  - ภายในพร้อมผู้ส่ง Chromecast
    - เริ่ม VideoActivity
  - ภายนอก
    - เริ่มตัวเลือกกิจกรรมโดยมีเจตนาโดยนัย
      - การกระทำ
        android.intent.action.VIEW
      - ข้อมูล
        URL ของวิดีโอ
      - พิมพ์
        mime-type สำหรับรูปแบบของวิดีโอ
      - ความพิเศษ
        referUrl
        (สตริง) URL ผู้อ้างอิง
        ใช้โดย ExoAirPlayer
  - ตัวส่ง ExoAirPlayer
    - เริ่ม ExoAirPlayerSenderActivity
  - การกำหนดค่า HLS-พร็อกซี
    - เริ่มตัวเลือกกิจกรรมโดยมีเจตนาโดยนัย
      - การกระทำ
        android.intent.action.VIEW
      - ข้อมูล
        http://webcast-reloaded.surge.sh/proxy.html#/watch/${base64_video}/referer/${base64_referer}
      - พิมพ์
        "ข้อความ/html"
    - เริ่ม HlsProxyConfigurationActivity
      - เฉพาะเมื่อไม่มีกิจกรรมที่มีตัวกรอง Intent ที่ตรงกันเท่านั้น
        ซึ่งไม่ควรเกิดขึ้น เนื่องจากเว็บเบราว์เซอร์มาตรฐานควรเสนอให้จัดการกับเจตนานี้
VideoActivity เริ่มต้นเมื่อมีการรับชม URL วิดีโอโดยใช้โปรแกรมเล่นวิดีโอภายใน และรวมถึง:
- ExoPlayer
  - แสดงไอคอนที่มุมขวาล่างของแถบเครื่องมือควบคุมวิดีโอเพื่อสลับเปิด/ปิดโหมดเต็มหน้าจอ
- ผู้ส่ง Chromecast
  - แสดงไอคอน การส่ง แถบการกระทำเมื่อตรวจพบ Google Chromecast อย่างน้อยหนึ่งรายการบน LAN
  - เมื่อเชื่อมต่อกับ Chromecast
    - URL วิดีโอจะถูกสื่อสารกับแอปตัวรับที่ทำงานใน Chromecast
    - แอปตัวรับ Chromecast จะโหลด URL วิดีโอในเครื่องเล่นวิดีโอ HTML5 ที่ฝังไว้
      - การถ่ายโอนข้อมูลวิดีโอเกิดขึ้นโดยตรงระหว่าง Chromecast และเซิร์ฟเวอร์ที่โฮสต์ URL ของวิดีโอ
      - การโอนจะไม่ได้รับผลกระทบจากเหตุการณ์ใด ๆ ต่อไปนี้:
        VideoActivity หยุดแล้ว
        BrowserActivity หยุดทำงานแล้ว
        ออกจากแอป WebCast แล้ว
        อุปกรณ์ Android ปิดอยู่
- รายการ URL ของวิดีโอ
  - คลิกรายการเพื่อ:
    - เล่น URL ของวิดีโอ
      - หากเชื่อมต่อกับ Chromecast:
        บน Chromecast
      - มิฉะนั้น:
        บน Android ใน ExoPlayer
        คำขอ HTTP ทั้งหมดจะมี URL ผู้อ้างอิงด้วย
ExoAirPlayerSenderActivity จะเริ่มต้นเมื่อมีการรับชม URL วิดีโอโดยใช้ผู้ส่ง ExoAirPlayer และรวมถึง:
- WebView ที่โหลดหน้าเว็บเดียว
  - URL ของหน้าเว็บขึ้นอยู่กับเวอร์ชันของ Android
    - Android 5.0 และใหม่กว่า
      - เวอร์ชันที่ใช้จาวาสคริปต์สมัยใหม่ ES6+
    - Android 4.x และเก่ากว่า
      - เวอร์ชันที่ใช้จาวาสคริปต์ที่สอดคล้องกับ ES5
  - แฮช URL ประกอบด้วย:
    - #/watch/${base64_video}/referer/${base64_referer}
- หน้าเว็บอ่านข้อมูลจากแฮช URL และเติมฟิลด์ล่วงหน้า:
  - URL วิดีโอ
  - URL ผู้อ้างอิง
- หน้าเว็บอ่านข้อมูลจากคุกกี้และเติมฟิลด์ล่วงหน้า:
  - เจ้าภาพ
  - ท่าเรือ
  - https
- จัดเตรียม UI พื้นฐานเพื่อควบคุมแอปตัวรับ ExoAirPlayer ที่สามารถเข้าถึงได้ผ่านเครือข่าย
HlsProxyConfigurationActivity จะเริ่มต้นเมื่อมีการรับชม URL วิดีโอโดยใช้การกำหนดค่า HLS-Proxy บนอุปกรณ์ที่ไม่มีเว็บเบราว์เซอร์ที่พร้อมใช้งาน และรวมถึง:
- WebView ที่โหลดหน้าเว็บที่สอดคล้องกับ ES5
  - แฮช URL ประกอบด้วย:
    - #/watch/${base64_video}/referer/${base64_referer}
- หน้าเว็บอ่านข้อมูลจากแฮช URL และเติมฟิลด์ล่วงหน้า:
  - URL วิดีโอ
  - URL ผู้อ้างอิง
- หน้าเว็บอ่านข้อมูลจากคุกกี้และเติมฟิลด์ล่วงหน้า:
  - เจ้าภาพ
  - ท่าเรือ
  - https
- การคลิกปุ่ม โหลดผู้เล่น จะทำหน้าที่ต่อไปนี้:
  - กำหนดค่า URL วิดีโอใหม่ที่เปลี่ยนเส้นทางรายการ HLS ผ่าน HLS-Proxy
  - เปลี่ยนเส้นทาง WebView ไปยังหน้าเว็บอื่นที่สอดคล้องกับ ES5 ซึ่งมีปลายทางปลายทางเพิ่มเติมสำหรับรายการ HLS พร็อกซี
    - หน้าเว็บ ES6 สำหรับผู้ส่ง ExoAirPlayer
    - หน้าเว็บ ES5 สำหรับ ผู้ส่ง Chromecast
      - ใน WebView บน Android 4.x และเก่ากว่า:
        ฟังก์ชั่นเครื่องเล่นวิดีโอไม่ทำงาน
      - ใน WebView บน Android 5.0 และใหม่กว่า:
        ฟังก์ชั่นเครื่องเล่นวิดีโอใช้งานได้
        ฟังก์ชัน ผู้ส่ง Chromecast ไม่ทำงาน

คำเตือนที่สำคัญ

URL วิดีโอบางรายการอาจเล่นใน WebCast และ ExoAirPlayer แต่ไม่สามารถเล่นบน Chromecast หรือเครื่องเล่นวิดีโอภายนอกอื่น ๆ
- กรณีนี้อาจเกิดขึ้นเมื่อ URL วิดีโอโฮสต์โดยเซิร์ฟเวอร์ที่ใช้ส่วนหัวคำขอ HTTP Referer เพื่อจำกัดการเข้าถึง ซึ่งเป็นกลยุทธ์ทั่วไป
  - WebCast และ ExoAirPlayer มีฟังก์ชันในการกำหนดค่าของส่วนหัวนี้สำหรับ URL วิดีโอที่ไม่ซ้ำกันแต่ละรายการ
  - แอปตัวรับ Chromecast ไม่สามารถเปลี่ยนค่าของส่วนหัวนี้ได้เนื่องจากถูกจำกัดโดยนโยบายความปลอดภัยของเบราว์เซอร์มาตรฐาน
    - ข้อกำหนดสำหรับ XHR และการดึงข้อมูลห้ามไม่ให้เปลี่ยนส่วนหัวคำขอ HTTP บางอย่าง รวมถึง Referer
    - แอปตัวรับ WebCast Chromecast
      - พยายามเปลี่ยนค่าของส่วนหัวนี้
      - เปิดเผยในคอนโซลดีบักเกอร์ระยะไกลว่าความพยายามนี้ทำให้เกิดคำเตือน:
        ปฏิเสธที่จะตั้งค่าส่วนหัว "ผู้อ้างอิง" ที่ไม่ปลอดภัย
  - โปรแกรมเล่นวิดีโอภายนอกอื่นๆ จะต้อง:
    - อ่าน referUrl พิเศษใน Intent เริ่มต้น
    - กำหนดค่าไลบรารีไคลเอ็นต์ HTTP เพื่อเปลี่ยนค่าของส่วนหัวนี้
  - HLS-Proxy มอบวิธีแก้ปัญหาชั่วคราวสำหรับการใช้งานทั่วไปที่สะดวกสบาย
    - การตั้งค่าสำหรับการทำงานร่วมกับ WebCast:
      1. ติดตั้ง HLS-Proxy
        npm install --global "@warren-bank/hls-proxy"
      2. ติดตั้ง WebMonkey
        แอปเพื่อเปิดการกำหนดค่า HLS-Proxy
      3. ในเว็บมังกี้
        ติดตั้งสคริปต์ผู้ใช้ WebCast-Reloaded
        เพิ่มฟังก์ชันการทำงานที่ได้รับการปรับปรุงให้กับหน้าเว็บที่สอดคล้องกับ ES5 ซึ่งมีการกำหนดค่า HLS-Proxy
        เปิดใช้งานปุ่มที่มีป้ายกำกับ: เริ่มแอป
        เมื่อคลิก:
        เริ่มตัวเลือกกิจกรรมโดยมีเจตนาโดยนัย
        การกระทำ
        android.intent.action.VIEW
        ข้อมูล
        URL รายการ HLS พร็อกซี
        พิมพ์
        "แอปพลิเคชัน/x-mpegurl"
      4. ในเว็บคาสต์
        การตั้งค่า > โปรแกรมเล่นวิดีโอ > การกำหนดค่า HLS-Proxy
    - การใช้งาน:
      1. เรียกใช้ HLS-Proxy
        hlsd --port 8080 --req-insecure --useragent "Chrome/90"
      2. ในเว็บคาสต์
        นำทาง WebView ภายในไปยังหน้าที่มีสตรีมวิดีโอ HLS ที่ต้องการ
        เปิดลิ้นชัก วิดีโอ (ด้านขวา)
        คลิกที่ URL สำหรับสตรีมวิดีโอ HLS ที่ต้องการ
        คลิก: ชม
        ตัวเลือกกิจกรรมจะเริ่มทำงาน
        WebMonkey จะรวมอยู่ในรายการแอพที่มีกิจกรรมที่ตรงกัน
        คลิก: WebMonkey
      3. ในเว็บมังกี้
        กำหนดค่าตำแหน่งของอินสแตนซ์ที่ทำงานอยู่ของ HLS-Proxy:
        เจ้าภาพ
        ท่าเรือ
        https
        คลิก: เริ่มแอป
        ตัวเลือกกิจกรรมจะเริ่มทำงาน
        WebCast จะรวมอยู่ในรายการแอพที่มีกิจกรรมที่ตรงกัน
        คลิก: โปรแกรมเล่นวิดีโอ WebCast
      4. ในเว็บคาสต์
        คลิก ไอคอน ผู้ส่ง Chromecast เพื่อส่งสตรีมวิดีโอ HLS พร็อกซีไปยังอุปกรณ์ Chromecast
คอมโพเนนต์ Android System WebView รับผิดชอบประสบการณ์การใช้งานเว็บเบราว์เซอร์ทั้งหมด
- องค์ประกอบนี้มีประวัติที่ซับซ้อน
- โดยไม่ต้องลงรายละเอียด:
  - บนเวอร์ชันของ Android < 5.0
    - คอมโพเนนต์ WebView ถูกอบเข้าไปในเฟิร์มแวร์
      - ไม่สามารถอัปเดตได้
      - โหลดหน้าเว็บสมัยใหม่ได้ไม่ดีนัก เนื่องจากภาษาจาวาสคริปต์ (ES6+) และข้อมูลจำเพาะ html (HTML5) มีการเปลี่ยนแปลงอย่างมาก
  - บนเวอร์ชันของ Android >= 5.0
    - คอมโพเนนต์ WebView เป็นแอปพลิเคชันแบบสแตนด์อโลน
      - สามารถอัปเดตได้
  - บนเวอร์ชันของ Android >= 7.0
    - ส่วนประกอบ WebView จะถูกแทนที่ด้วยส่วนประกอบของเว็บเบราว์เซอร์ Google Chrome เมื่อติดตั้งและเปิดใช้งาน
      - สามารถอัปเดตได้

องค์กรของ Git Repo

สาขาเก่า
- 01-รองพื้น
  - คอลเลกชันแอปขนาดเล็กเพื่อพัฒนาและทดสอบฟีเจอร์ทดลอง
- 02-เว็บคาสต์-httpclient
  - ใช้ไลบรารีไคลเอนต์ HTTP ภายนอก: Apache HttpClient
  - ใช้ส่วนหัวการตอบสนอง Content-Type เพื่อตรวจจับไฟล์วิดีโอ
- 03-เว็บคาสต์-okhttp
  - ใช้ไลบรารีไคลเอนต์ HTTP ภายนอก: okhttp
  - ใช้ส่วนหัวการตอบสนอง Content-Type เพื่อตรวจจับไฟล์วิดีโอ
- 04-webcast-ชื่อไฟล์
  - ใช้ WebView เพื่อดาวน์โหลดคำขอ HTTP ทั้งหมด
  - ใช้นิพจน์ทั่วไปเพื่อตรวจจับนามสกุลไฟล์ที่เกี่ยวข้องกับรูปแบบวิดีโอในคำขอ URL
สาขาที่ใช้งานอยู่
- 05-เว็บคาสต์-ชื่อไฟล์-media3
  - ใช้ WebView เพื่อดาวน์โหลดคำขอ HTTP ทั้งหมด
  - ใช้นิพจน์ทั่วไปเพื่อตรวจจับนามสกุลไฟล์ที่เกี่ยวข้องกับรูปแบบวิดีโอในคำขอ URL
  - สร้างตามสาขา 04-webcast-filename และย้ายจาก ExoPlayer ไปยัง AndroidX Media3
- 00-chromecast-receiver-app
  - แอปตัวรับ WebCast Chromecast
- gh-เพจ
  - แอปตัวรับ WebCast Chromecast
    - HEAD ของสาขานี้ควรอ้างอิง/นามแฝง HEAD ของสาขา 00-chromecast-receiver-app เสมอ
  - โฮสต์โดยเพจ GitHub

จุดเด่นของซอร์สโค้ด

การระบุ URL ของวิดีโอในคำขอ HTTP ขาออก
- BrowserWebViewClient
  - regex เพื่อตรวจจับไฟล์วิดีโอ
วิธีการเดียวกับที่ใช้โดยส่วนขยายเว็บเบราว์เซอร์
- ส่วนขยาย Chromium "WebCast-Reloaded"
  - regex เพื่อตรวจจับไฟล์วิดีโอ