สอนวิธี live streaming youtube ด้วยโปรแกรม OBS Studio #1

สอนวิธี live stream youtube ด้วยโปรแกรม OBS Studio #1

รายละเอียดในคลิบนี้จะสอนวิธีใช้โปรแกรม OBS Studio ใช้ในการ live streaming ซึ่งสามารถ live ได้ทั้ง twitter , youtube และอื่นๆ นอกจากนี้ยังสอนการ setup audio , การ setup video และนำ key จาก youtube มาผูกกับตัวโปรแกรม

ขอขอบคุณเครดิต พี่แว่น fpsthailand ครับ

Posted in technology | Leave a comment

ชาดาวอินคา ลดพุง ต้านอนุมูลอิสระ ดีต่อสุขภาพ

ชาสมุนไพร ชาดาวอินคา ช่วยลดหน้าท้อง ระงับประสาทบำรุงสมอง ช่วยลดระดับน้ำตาลในเลือด เบาหวาน ลดระดับคอเรสตอรอล ลดความดันโลหิตสูง ช่วยให้นอนหลับดียิ่งขึ้น รสชาติทานแล้วรสคล้ายชาอู่หลง กินชาเป็นประจำรับประกันสุขภาพดีอย่างแน่นอน แต่ให้ระมัดระวังเรื่องคราบชาที่ฟันให้ดี ควรซื้อยาสีฟันสูตรขจัดคราบชาหรือกาแฟมาใช้ด้วย

ชาดาวอินคาต้นกำเนิดมาจากเชียงใหม่ ขึ้นชื่ออยู่แล้ว รออะไรซื้อเลย สุขภาพไม่ได้สร้างกันง่ายๆนะ

Posted in ไม่มีหมวดหมู่ | Leave a comment

data table sorting date format

ใช้ Date Sort – with a hidden element

HTML

<table id="data-table">
   <tr>
     <td><span style="display:none">YYYYMMDD</span>DD/MM/YYYY</td>
   </tr>
</table>

JS

  $('.dataTables-example').DataTable({
                "order": [[ 5, "desc" ]], // 5 is your index of column start with 0
});
Posted in jquery | Leave a comment

react native redux flow

1. user ใช้งาน APP จะถูกจัดการโดย View สมมติว่ามีการพิมข้อมูลลง Textbox เราสามารถเขียนให้จับ event เช่น TextInput onChange นำมา bind เป็น Action และส่งต่อไปให้ Dispatcher
2. Dispatcher -> fetch API (Promised) call back function เช่น เรียก youtube search API โดยขณะนั้นก็ส่ง Action ต่อไปให้ Reducer ด้วย และเมื่อไรที่ fetch API เสร็จเราก็จะได้ res มา bind เป็น Action อีกตัว
3. Reducer สร้าง state ใหม่ จาก state ปัจจุบันและ Action ทีได้รับ โดยไม่ทับ state เดิม จากรูปจะเห็นว่า state เปลี่ยน 2 ครั้ง (onChange) โดย state แรกอาจจะให้ทำหน้า splash หรือ loading และ  state ที่สองก็นำ resp จาก youtube search API มาแสดง
4. render view เฉพาะ state ที่เปลี่ยนแปลง

state จะเก็บอยู่ใน persist store (AsyncStorage) เก็บเป็น global scope เข้าถึงได้จากทั้ง app

Posted in ไม่มีหมวดหมู่ | Leave a comment

เริ่มต้นทำ React native installation on window

1.ดาวโหลดโปรแกรม genemotion โหลดพร้อม oracle virtualbox คือโปรแกรมจำลอง Emulator มือถือ เพื่อใช้ Develop และเทส โดยการจะดาวโหลดได้ต้องสมัครสมาชิกก่อน 2.ดาวโหลด Android Studio หรือโหลดแต่ android sdk lib ก็ได้เพื่อใช้งาน android lib sdk หลังจากนั้นให้เพิ่ม Environment Variables ของ Window (คลิกขวาที่ My Computer > Advanced system settings > Environment Variables) ในส่วนของ Users เพิ่ม Variable ANDROID_HOME และ Value ให้ใช้ path ที่ติดตั้ง android sdk lib ตัวอย่างเช่น C:\Users\your_user\AppData\Local\Android\Sdk 3.ติดตั้ง node.js ให้เรียบร้อย เพื่อใช้คำสั่ง npm 4. รัน Genemotion และเลือก Add Virtual Device ใช้ Emulator Mobile (ของผมใช้ Nexus5 API23) ขึ้นมาให้เรียบร้อย และ Settings > ADB > Android SDK เลือกไปที่ path android lib sdk ที่โหลดมา จากนั้นใช้คำสั่งเหล่านี้ เพื่อติดตั้ง react native

 npm -g install react-native npm install -g react-native-cli

5. โหลด native-starter-kit project คือตัวอย่างเริ่มต้นของ react-native หรือถ้าต้องการ project เปล่าๆก็ให้ใช้คำสั่ง

 react-native init project_name

6. ทดลองรัน project บน simulator ให้เปิด genemotion ให้เรียบร้อยก่อน CD change directory ย้ายไปที่ project และใช้คำสั่ง รันบน Android

 react-native run-android

รันบน iOS

 react-native run-ios

Posted in ไม่มีหมวดหมู่ | Leave a comment