EasyPusher手機直播圖像旋轉90度後畫面重複的問題

本文轉自：http://blog.csdn.net/holo_easydarwin/article/details/51147379

最初在作EasyPusher手機直播的時候遇到過一個問題：手機豎屏推送直播畫面到EasyDarwin而後經過播放器播放視頻畫面就會逆時針旋轉90度，如圖：

手機橫屏的時候不會旋轉，這個問題思路其實很簡單，在推送給服務器以前把圖片數據旋轉90度以後就能夠了，而後就作了一次順時針旋轉的，結果畫面變成以下樣子：

很明顯圖片順時針旋轉了90度，可是還不如不旋轉！我就想固然的覺得旋轉的算法出錯了，而後開始尋求谷歌度娘，然並卵，而後就本身開始瞭解學習YUV420SP、YUV420P，而且本身寫旋轉算法，結果仍是這樣。其實着就有個結論了，旋轉算法沒問題！那是哪兒除了問題了呢？一次聊天提到寬和高是否是有問題，一語點醒夢中人。我在編碼的時候使用MediaCodec，編碼的時候設置寬爲640高480:

<code class="language-java hljs  has-numbering" style="display: block; padding: 0px; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre; border-radius: 0px; word-wrap: normal; background: transparent;">mediaFormat = MediaFormat.createVideoFormat(<span class="hljs-string" style="margin: 0px; padding: 0px; color: rgb(0, 136, 0); box-sizing: border-box;">"video/avc"</span>, width,height);</code><ul class="pre-numbering" style="margin: 0px; padding: 6px 0px 40px; box-sizing: border-box; position: absolute; width: 50px; top: 0px; left: 0px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; background-color: rgb(238, 238, 238);"><li style="margin: 0px; padding: 0px 5px; box-sizing: border-box;">1</li></ul>

而旋轉90度以後寬和高就顛倒了啊，再這樣編碼確定有問題，因而在將編碼器的寬和高顛倒：

<code class="language-java hljs  has-numbering" style="display: block; padding: 0px; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre; border-radius: 0px; word-wrap: normal; background: transparent;">mediaFormat = MediaFormat.createVideoFormat(<span class="hljs-string" style="margin: 0px; padding: 0px; color: rgb(0, 136, 0); box-sizing: border-box;">"video/avc"</span>, height, width);</code><ul class="pre-numbering" style="margin: 0px; padding: 6px 0px 40px; box-sizing: border-box; position: absolute; width: 50px; top: 0px; left: 0px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; background-color: rgb(238, 238, 238);"><li style="margin: 0px; padding: 0px 5px; box-sizing: border-box;">1</li></ul>

此次果真出現奇蹟了，畫面終於正常了：

其實就是簡單的顛倒一下width和height的位置，這個問題困擾了好幾天，終於解決了

關於代碼可見：https://github.com/EasyDarwin/EasyPusher

獲取更多信息

郵件：support@easydarwin.org

WEB：www.EasyDarwin.org

Copyright © EasyDarwin.org 2012-2016