DIY मीडिया होम लोगो

अपनी खुद की होम थिएटर और हाय-Fi सेटअप डिजाइन और बनाने के लिए परम साइट.

1एक वेबपेज में एक लाइव RTSP स्ट्रीम एम्बेड करें

मैं हाल ही में अपने स्मार्तोम सेटअप पर काम कर रहा हूं और जिन चीजों के लिए मैं तैयार हो रहा हूं उनमें से एक मेरे स्मार्ट होम को प्रबंधित करने के लिए एक टच-स्क्रीन वेब इंटरफेस वाला टैबलेट है।. सबसे पहली समस्याओं में से एक मुझे अपने cctv फीड को वेब ब्राउजर पर स्ट्रीम करना था…

समस्या

मेरा सीसीटीवी कैमरा, अन्य के जैसे, केवल RTSP स्ट्रीम प्रदान करता है. कोई भी आधुनिक वेब ब्राउज़र RTSP का समर्थन नहीं करता है.

खोज और आवश्यकताओं

Google अभी नहीं है कि यह क्या हुआ करता था और मेरी सभी आवश्यकताओं को पूरा करने वाले स्वीकार्य समाधान को खोजने में कई दिनों का समय लगा…

  • मैं कुछ ऐसा चाहता था जो किसी भी तीसरे पक्ष के सर्वर के बिना पूरी तरह से ऑफ़लाइन काम करे.
  • मैं कुछ ऐसा चाहता था जो पूरी तरह से कानूनी रूप से मुक्त हो, आदर्श रूप से खुला स्रोत
  • मैं कुछ ऐसा चाहता था जो वीडियो या ऑडियो को ट्रांसकोड न करे क्योंकि इससे संसाधन बर्बाद हो जाएंगे

समाधान

मुझे एक मिला वास्तव में उपयोगी गाइड जिसमें जावास्क्रिप्ट और ffmpeg के साथ इसे करने का एक तरीका बताया गया है, जो दोनों मुफ्त में आसानी से उपलब्ध थे.

Ffmpeg चलाने के लिए मैंने निम्नलिखित कमांड का उपयोग किया, मैं एक सेवा के रूप में खिड़कियों पर भाग गया, nssm के साथ बनाया गया…
ffmpeg -i rtsp://your_rtsp_ip:port/path/to/file.stream -c:v copy -c:a copy -bufsize 1835k -pix_fmt yuv420p -flags -global_header -hls_time 10 -hls_list_size 6 -hls_wrap 10 -start_number 1 /var/www/html/video.m3u8

वीडियो एम्बेड करने के लिए मैंने निम्नलिखित सीएसएस फ़ाइल डाउनलोड की और 2 जेएस फाइलें

  • hTTPS://vjs.zencdn.net/7.2.3/video-js.css
  • hTTPS://cdnjs.cloudflare.com/ajax/libs/videojs-contrib-hls/5.14.1/videojs-contrib-hls.js
  • hTTPS://vjs.zencdn.net/7.2.3/video.js

मैंने तब गाइड से कोड का उपयोग किया था (स्थानीय फ़ाइलों के लिए संशोधित पथ के साथ) वीडियो को एम्बेड करने के लिए जो सीधे काम करता है. Ffmpeg का उपयोग कर रहा है 0.2% वेबसाइट को होस्ट करने वाले सर्वर पर सीपीयू उपयोग और कुछ एमबी मेमोरी.

एक अंतिम नोट, यह मायने रखता है – मैंने इस्तेमाल किया win64 स्थिर ffmpeg का निर्माण 4.2.2

इस उपयोगी पाया? कृपया हमें सूचित करते नीचे एक टिप्पणी छोड़ने के द्वारा. आप सदस्यता के लिए चाहते हैं, तो ऊपर दाईं ओर मेनू पर लिंक का उपयोग करें सदस्यता लें. आप नीचे दिए गए सामाजिक लिंक का उपयोग करके अपने दोस्तों के साथ इस साझा कर सकते हैं. चियर्स.

उत्तर छोड़ दें

एक कमेंट

gravatarथॉमस

हाय वहाँ,
im वही करने की कोशिश कर रहा हूँ, but I cant seem to get it to work properly
I followed your instructions, and the linked one, but i still seem to get 20-30 seconds of delay between the live feed and the published feed
any ideas what could be causing it?

जवाब दें